@bikdotai/bik-component-library 0.0.821-beta.0 → 0.0.821-beta.2
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.
- package/dist/cjs/components/BikGiftedChat/Bubble/Bubble.js +1 -1
- package/dist/cjs/components/BikGiftedChat/Bubble/Bubble.js.map +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js.map +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/types.js.map +1 -1
- package/dist/cjs/components/TypographyStyle.js +41 -20
- package/dist/cjs/components/TypographyStyle.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.js +1 -1
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.styled.js +4 -4
- package/dist/cjs/components/avatar/Avatar.styled.js.map +1 -1
- package/dist/cjs/components/avatar/AvatarHelper.js +1 -1
- package/dist/cjs/components/avatar/AvatarHelper.js.map +1 -1
- package/dist/cjs/components/bik-layout/BikSidebar.js.map +1 -1
- package/dist/cjs/components/bik-layout/BikSidebarV2/BikSidebarV2.js +2 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/BikSidebarV2.js.map +1 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Popup.js +2 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Popup.js.map +1 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Styles.js +294 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Styles.js.map +1 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js +2 -0
- package/dist/cjs/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js.map +1 -0
- package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
- package/dist/cjs/components/bik-layout/CommonStyles.js.map +1 -1
- package/dist/cjs/components/button/Button.js +1 -1
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.styled.js +13 -13
- package/dist/cjs/components/button/Button.styled.js.map +1 -1
- package/dist/cjs/components/button/themes.js +6 -6
- package/dist/cjs/components/button/themes.js.map +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js.map +1 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.js +21 -20
- package/dist/cjs/components/checkBox/CheckBox.styled.js.map +1 -1
- package/dist/cjs/components/country-code-picker/CountryCodePicker.js.map +1 -1
- package/dist/cjs/components/country-code-picker/CountryPicker.js.map +1 -1
- package/dist/cjs/components/dropdown/Dropdown.js +1 -1
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
- package/dist/cjs/components/dropdown/DropdownPopover/index.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +9 -8
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +9 -9
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js +6 -2
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js.map +1 -1
- package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
- package/dist/cjs/components/dropdown-button/DropdownButton.js.map +1 -1
- package/dist/cjs/components/dropdown-button/DropdownButton.style.js +20 -6
- package/dist/cjs/components/dropdown-button/DropdownButton.style.js.map +1 -1
- package/dist/cjs/components/dual-icon-button/DualIconButton.js +2 -0
- package/dist/cjs/components/dual-icon-button/DualIconButton.js.map +1 -0
- package/dist/cjs/components/dual-icon-button/DualIconButton.styled.js +33 -0
- package/dist/cjs/components/dual-icon-button/DualIconButton.styled.js.map +1 -0
- package/dist/cjs/components/fab-menu/FABMenu.js.map +1 -1
- package/dist/cjs/components/icon-button/IconButton.js +1 -1
- package/dist/cjs/components/icon-button/IconButton.js.map +1 -1
- package/dist/cjs/components/icon-button/IconButton.styled.js +18 -12
- package/dist/cjs/components/icon-button/IconButton.styled.js.map +1 -1
- package/dist/cjs/components/icon-button/theme.js +1 -1
- package/dist/cjs/components/icon-button/theme.js.map +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.styled.js +27 -16
- package/dist/cjs/components/input/Input.styled.js.map +1 -1
- package/dist/cjs/components/input-with-vars/InputWithVariables.js +3 -3
- package/dist/cjs/components/input-with-vars/InputWithVariables.js.map +1 -1
- package/dist/cjs/components/list-item/ListItem.js +1 -1
- package/dist/cjs/components/list-item/ListItem.js.map +1 -1
- package/dist/cjs/components/list-item/ListItem.styled.js +6 -6
- package/dist/cjs/components/list-item/ListItem.styled.js.map +1 -1
- package/dist/cjs/components/list-item/themes.js +32 -20
- package/dist/cjs/components/list-item/themes.js.map +1 -1
- package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js +1 -1
- package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js.map +1 -1
- package/dist/cjs/components/multi-level-dropdown/MenuItem.js +1 -1
- package/dist/cjs/components/multi-level-dropdown/MenuItem.js.map +1 -1
- package/dist/cjs/components/multi-level-dropdown/MenuList.js +1 -1
- package/dist/cjs/components/multi-level-dropdown/MenuList.js.map +1 -1
- package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.js +1 -1
- package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.js.map +1 -1
- package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.styled.js +32 -29
- package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.styled.js.map +1 -1
- package/dist/cjs/components/tag/Tag.js +1 -1
- package/dist/cjs/components/tag/Tag.js.map +1 -1
- package/dist/cjs/components/tag/Tag.styled.js +4 -4
- package/dist/cjs/components/tag/Tag.styled.js.map +1 -1
- package/dist/cjs/components/tag/model.js.map +1 -1
- package/dist/cjs/components/variable-picker-v3/Content.js +1 -1
- package/dist/cjs/components/variable-picker-v3/Content.js.map +1 -1
- package/dist/cjs/components/variable-picker-v3/model.js.map +1 -1
- package/dist/cjs/components/whats-new/WhatsNew.js +1 -1
- package/dist/cjs/components/whats-new/WhatsNew.js.map +1 -1
- package/dist/cjs/components/whats-new/WhatsNewButton.js +2 -2
- package/dist/cjs/components/whats-new/WhatsNewButton.js.map +1 -1
- package/dist/cjs/components/whats-new/WhatsNewPanel.js.map +1 -1
- package/dist/cjs/constants/Theme.js +1 -1
- package/dist/cjs/constants/Theme.js.map +1 -1
- package/dist/cjs/editor/BikEditor.js +1 -1
- package/dist/cjs/editor/BikEditor.js.map +1 -1
- package/dist/cjs/editor/BikEditor.styles.js +1 -14
- package/dist/cjs/editor/BikEditor.styles.js.map +1 -1
- package/dist/cjs/editor/BikEditor.types.js.map +1 -1
- package/dist/cjs/editor/BikEditor.utils.js +2 -2
- package/dist/cjs/editor/BikEditor.utils.js.map +1 -1
- package/dist/cjs/editor/extensions/buildExtensions.js +1 -1
- package/dist/cjs/editor/extensions/buildExtensions.js.map +1 -1
- package/dist/cjs/editor/extensions/editorDropdown.styles.js +10 -15
- package/dist/cjs/editor/extensions/editorDropdown.styles.js.map +1 -1
- package/dist/cjs/editor/extensions/mention/MentionDropdown.js +1 -1
- package/dist/cjs/editor/extensions/mention/MentionDropdown.js.map +1 -1
- package/dist/cjs/editor/extensions/mention/MentionExtension.js +1 -1
- package/dist/cjs/editor/extensions/mention/MentionExtension.js.map +1 -1
- package/dist/cjs/icons/Arrows/Chevron/ChevronUp.js +1 -1
- package/dist/cjs/icons/Arrows/Chevron/ChevronUp.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js +88 -73
- package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js.map +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/Day.d.ts +6 -0
- package/dist/esm/components/BikGiftedChat/GiftedChat/Day.js +124 -88
- package/dist/esm/components/BikGiftedChat/GiftedChat/Day.js.map +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js +225 -128
- package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/types.d.ts +6 -2
- package/dist/esm/components/BikGiftedChat/GiftedChat/types.js.map +1 -1
- package/dist/esm/components/TypographyStyle.d.ts +8 -0
- package/dist/esm/components/TypographyStyle.js +63 -40
- package/dist/esm/components/TypographyStyle.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.d.ts +2 -1
- package/dist/esm/components/avatar/Avatar.js +51 -73
- package/dist/esm/components/avatar/Avatar.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.styled.js +8 -8
- package/dist/esm/components/avatar/Avatar.styled.js.map +1 -1
- package/dist/esm/components/avatar/AvatarHelper.d.ts +5 -4
- package/dist/esm/components/avatar/AvatarHelper.js +4 -4
- package/dist/esm/components/avatar/AvatarHelper.js.map +1 -1
- package/dist/esm/components/bik-layout/BikSidebar.js.map +1 -1
- package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.d.ts +33 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.js +272 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.js.map +1 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2.model.d.ts +27 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.d.ts +12 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.js +53 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.js.map +1 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.d.ts +44 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.js +310 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.js.map +1 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SimpleSidebarV2.d.ts +2 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js +107 -0
- package/dist/esm/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js.map +1 -0
- package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
- package/dist/esm/components/bik-layout/CommonStyles.js.map +1 -1
- package/dist/esm/components/bik-layout/index.d.ts +2 -0
- package/dist/esm/components/button/Button.js +31 -31
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.styled.d.ts +1 -1
- package/dist/esm/components/button/Button.styled.js +20 -20
- package/dist/esm/components/button/Button.styled.js.map +1 -1
- package/dist/esm/components/button/model.d.ts +3 -3
- package/dist/esm/components/button/themes.d.ts +2 -2
- package/dist/esm/components/button/themes.js +31 -17
- package/dist/esm/components/button/themes.js.map +1 -1
- package/dist/esm/components/checkBox/CheckBox.d.ts +2 -1
- package/dist/esm/components/checkBox/CheckBox.js +124 -87
- package/dist/esm/components/checkBox/CheckBox.js.map +1 -1
- package/dist/esm/components/checkBox/CheckBox.styled.d.ts +1 -1
- package/dist/esm/components/checkBox/CheckBox.styled.js +10 -9
- package/dist/esm/components/checkBox/CheckBox.styled.js.map +1 -1
- package/dist/esm/components/country-code-picker/CountryCodePicker.d.ts +1 -1
- package/dist/esm/components/country-code-picker/CountryCodePicker.js.map +1 -1
- package/dist/esm/components/country-code-picker/CountryPicker.d.ts +1 -1
- package/dist/esm/components/country-code-picker/CountryPicker.js.map +1 -1
- package/dist/esm/components/dropdown/Dropdown.js +67 -67
- package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/dropdown/DropdownPopover/index.js +74 -61
- package/dist/esm/components/dropdown/DropdownPopover/index.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +183 -174
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +5 -4
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.d.ts +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +3 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +29 -20
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +3 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +93 -87
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +3 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js +68 -61
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +2 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js +7 -2
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +3 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +18 -10
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +18 -18
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +1 -0
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +43 -17
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +2 -0
- package/dist/esm/components/dropdown/hooks/useDropdown.d.ts +2 -0
- package/dist/esm/components/dropdown/type.d.ts +6 -1
- package/dist/esm/components/dropdown-button/DropdownButton.d.ts +3 -1
- package/dist/esm/components/dropdown-button/DropdownButton.js +71 -17
- package/dist/esm/components/dropdown-button/DropdownButton.js.map +1 -1
- package/dist/esm/components/dropdown-button/DropdownButton.style.d.ts +9 -2
- package/dist/esm/components/dropdown-button/DropdownButton.style.js +35 -9
- package/dist/esm/components/dropdown-button/DropdownButton.style.js.map +1 -1
- package/dist/esm/components/dual-icon-button/DualIconButton.d.ts +3 -0
- package/dist/esm/components/dual-icon-button/DualIconButton.js +53 -0
- package/dist/esm/components/dual-icon-button/DualIconButton.js.map +1 -0
- package/dist/esm/components/dual-icon-button/DualIconButton.styled.d.ts +7 -0
- package/dist/esm/components/dual-icon-button/DualIconButton.styled.js +40 -0
- package/dist/esm/components/dual-icon-button/DualIconButton.styled.js.map +1 -0
- package/dist/esm/components/dual-icon-button/index.d.ts +2 -0
- package/dist/esm/components/dual-icon-button/model.d.ts +12 -0
- package/dist/esm/components/fab-menu/FABMenu.d.ts +1 -1
- package/dist/esm/components/fab-menu/FABMenu.js.map +1 -1
- package/dist/esm/components/icon-button/IconButton.js +36 -32
- package/dist/esm/components/icon-button/IconButton.js.map +1 -1
- package/dist/esm/components/icon-button/IconButton.styled.d.ts +3 -1
- package/dist/esm/components/icon-button/IconButton.styled.js +20 -14
- package/dist/esm/components/icon-button/IconButton.styled.js.map +1 -1
- package/dist/esm/components/icon-button/model.d.ts +12 -1
- package/dist/esm/components/icon-button/theme.js +12 -10
- package/dist/esm/components/icon-button/theme.js.map +1 -1
- package/dist/esm/components/input/Input.js +119 -115
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.model.d.ts +2 -3
- package/dist/esm/components/input/Input.styled.d.ts +8 -1
- package/dist/esm/components/input/Input.styled.js +34 -22
- package/dist/esm/components/input/Input.styled.js.map +1 -1
- package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +0 -2
- package/dist/esm/components/input-with-vars/InputWithVariables.js +75 -81
- package/dist/esm/components/input-with-vars/InputWithVariables.js.map +1 -1
- package/dist/esm/components/list-item/List.model.d.ts +2 -1
- package/dist/esm/components/list-item/ListItem.js +40 -38
- package/dist/esm/components/list-item/ListItem.js.map +1 -1
- package/dist/esm/components/list-item/ListItem.styled.d.ts +2 -1
- package/dist/esm/components/list-item/ListItem.styled.js +8 -8
- package/dist/esm/components/list-item/ListItem.styled.js.map +1 -1
- package/dist/esm/components/list-item/themes.d.ts +2 -2
- package/dist/esm/components/list-item/themes.js +20 -6
- package/dist/esm/components/list-item/themes.js.map +1 -1
- package/dist/esm/components/multi-level-dropdown/GroupedMenuList.d.ts +1 -0
- package/dist/esm/components/multi-level-dropdown/GroupedMenuList.js +30 -28
- package/dist/esm/components/multi-level-dropdown/GroupedMenuList.js.map +1 -1
- package/dist/esm/components/multi-level-dropdown/MenuItem.d.ts +1 -0
- package/dist/esm/components/multi-level-dropdown/MenuItem.js +57 -54
- package/dist/esm/components/multi-level-dropdown/MenuItem.js.map +1 -1
- package/dist/esm/components/multi-level-dropdown/MenuList.d.ts +1 -0
- package/dist/esm/components/multi-level-dropdown/MenuList.js +46 -42
- package/dist/esm/components/multi-level-dropdown/MenuList.js.map +1 -1
- package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.js +95 -59
- package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.js.map +1 -1
- package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.d.ts +13 -3
- package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.js +50 -41
- package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.js.map +1 -1
- package/dist/esm/components/multi-level-dropdown/type.d.ts +1 -0
- package/dist/esm/components/tag/Tag.d.ts +1 -1
- package/dist/esm/components/tag/Tag.js +22 -18
- package/dist/esm/components/tag/Tag.js.map +1 -1
- package/dist/esm/components/tag/Tag.styled.d.ts +3 -1
- package/dist/esm/components/tag/Tag.styled.js +7 -7
- package/dist/esm/components/tag/Tag.styled.js.map +1 -1
- package/dist/esm/components/tag/model.d.ts +5 -1
- package/dist/esm/components/tag/model.js.map +1 -1
- package/dist/esm/components/variable-picker-v3/Content.js +69 -69
- package/dist/esm/components/variable-picker-v3/Content.js.map +1 -1
- package/dist/esm/components/variable-picker-v3/model.d.ts +0 -2
- package/dist/esm/components/variable-picker-v3/model.js.map +1 -1
- package/dist/esm/components/whats-new/WhatsNew.d.ts +2 -0
- package/dist/esm/components/whats-new/WhatsNew.js +23 -19
- package/dist/esm/components/whats-new/WhatsNew.js.map +1 -1
- package/dist/esm/components/whats-new/WhatsNew.types.d.ts +2 -0
- package/dist/esm/components/whats-new/WhatsNewButton.js +34 -38
- package/dist/esm/components/whats-new/WhatsNewButton.js.map +1 -1
- package/dist/esm/components/whats-new/WhatsNewPanel.js.map +1 -1
- package/dist/esm/constants/Theme.d.ts +36 -0
- package/dist/esm/constants/Theme.js +21 -1
- package/dist/esm/constants/Theme.js.map +1 -1
- package/dist/esm/editor/BikEditor.js +18 -19
- package/dist/esm/editor/BikEditor.js.map +1 -1
- package/dist/esm/editor/BikEditor.styles.js +0 -13
- package/dist/esm/editor/BikEditor.styles.js.map +1 -1
- package/dist/esm/editor/BikEditor.types.d.ts +0 -14
- package/dist/esm/editor/BikEditor.types.js.map +1 -1
- package/dist/esm/editor/BikEditor.utils.js +75 -76
- package/dist/esm/editor/BikEditor.utils.js.map +1 -1
- package/dist/esm/editor/extensions/buildExtensions.d.ts +0 -1
- package/dist/esm/editor/extensions/buildExtensions.js +29 -31
- package/dist/esm/editor/extensions/buildExtensions.js.map +1 -1
- package/dist/esm/editor/extensions/editorDropdown.styles.d.ts +8 -2
- package/dist/esm/editor/extensions/editorDropdown.styles.js +18 -22
- package/dist/esm/editor/extensions/editorDropdown.styles.js.map +1 -1
- package/dist/esm/editor/extensions/mention/MentionDropdown.js +28 -34
- package/dist/esm/editor/extensions/mention/MentionDropdown.js.map +1 -1
- package/dist/esm/editor/extensions/mention/MentionExtension.d.ts +2 -2
- package/dist/esm/editor/extensions/mention/MentionExtension.js +60 -81
- package/dist/esm/editor/extensions/mention/MentionExtension.js.map +1 -1
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.d.ts +1 -2
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.js +24 -28
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.js.map +1 -1
- package/dist/esm/icons/index.d.ts +24 -24
- package/dist/esm/index.d.ts +1 -2
- package/dist/esm/index.js +798 -806
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -3
- package/dist/cjs/assets/icons/ManifestGlass.svg.js +0 -2
- package/dist/cjs/assets/icons/ManifestGlass.svg.js.map +0 -1
- package/dist/cjs/assets/icons/playOutline.svg.js +0 -2
- package/dist/cjs/assets/icons/playOutline.svg.js.map +0 -1
- package/dist/cjs/components/agent-builder/AgentBuilder.js +0 -2
- package/dist/cjs/components/agent-builder/AgentBuilder.js.map +0 -1
- package/dist/cjs/components/agent-builder/AgentBuilder.styled.js +0 -285
- package/dist/cjs/components/agent-builder/AgentBuilder.styled.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/AgentBuilderFooter.js +0 -2
- package/dist/cjs/components/agent-builder/components/AgentBuilderFooter.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/AgentBuilderTopBar.js +0 -2
- package/dist/cjs/components/agent-builder/components/AgentBuilderTopBar.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/AiTextArea.js +0 -2
- package/dist/cjs/components/agent-builder/components/AiTextArea.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/DiscardModal.js +0 -2
- package/dist/cjs/components/agent-builder/components/DiscardModal.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/GoLiveModal.js +0 -2
- package/dist/cjs/components/agent-builder/components/GoLiveModal.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/InstructionsField.js +0 -2
- package/dist/cjs/components/agent-builder/components/InstructionsField.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/MentionPicker.js +0 -47
- package/dist/cjs/components/agent-builder/components/MentionPicker.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/RichTextField.js +0 -2
- package/dist/cjs/components/agent-builder/components/RichTextField.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/SelectableListSection.js +0 -2
- package/dist/cjs/components/agent-builder/components/SelectableListSection.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/StepRail.js +0 -2
- package/dist/cjs/components/agent-builder/components/StepRail.js.map +0 -1
- package/dist/cjs/components/agent-builder/components/StepSectionHeader.js +0 -2
- package/dist/cjs/components/agent-builder/components/StepSectionHeader.js.map +0 -1
- package/dist/cjs/components/agent-builder/constants/charLimits.js +0 -2
- package/dist/cjs/components/agent-builder/constants/charLimits.js.map +0 -1
- package/dist/cjs/components/agent-builder/constants/editorStyle.js +0 -2
- package/dist/cjs/components/agent-builder/constants/editorStyle.js.map +0 -1
- package/dist/cjs/components/agent-builder/constants/steps.js +0 -2
- package/dist/cjs/components/agent-builder/constants/steps.js.map +0 -1
- package/dist/cjs/components/agent-builder/context/AgentBuilderContext.js +0 -2
- package/dist/cjs/components/agent-builder/context/AgentBuilderContext.js.map +0 -1
- package/dist/cjs/components/agent-builder/hooks/useAgentDraft.js +0 -2
- package/dist/cjs/components/agent-builder/hooks/useAgentDraft.js.map +0 -1
- package/dist/cjs/components/agent-builder/steps/Step1About.js +0 -2
- package/dist/cjs/components/agent-builder/steps/Step1About.js.map +0 -1
- package/dist/cjs/components/agent-builder/steps/Step2WhenItStepsIn.js +0 -2
- package/dist/cjs/components/agent-builder/steps/Step2WhenItStepsIn.js.map +0 -1
- package/dist/cjs/components/agent-builder/steps/Step3HowItResponds.js +0 -2
- package/dist/cjs/components/agent-builder/steps/Step3HowItResponds.js.map +0 -1
- package/dist/cjs/components/agent-builder/steps/Step4HandoverRules.js +0 -2
- package/dist/cjs/components/agent-builder/steps/Step4HandoverRules.js.map +0 -1
- package/dist/cjs/components/agent-builder/utils/mentionSerialization.js +0 -4
- package/dist/cjs/components/agent-builder/utils/mentionSerialization.js.map +0 -1
- package/dist/cjs/components/agent-listing/AgentListing.js +0 -2
- package/dist/cjs/components/agent-listing/AgentListing.js.map +0 -1
- package/dist/cjs/components/agent-listing/AgentListing.styled.js +0 -115
- package/dist/cjs/components/agent-listing/AgentListing.styled.js.map +0 -1
- package/dist/cjs/components/agent-listing/AgentListingFilters.js +0 -2
- package/dist/cjs/components/agent-listing/AgentListingFilters.js.map +0 -1
- package/dist/cjs/components/agent-listing/AgentListingHeader.js +0 -2
- package/dist/cjs/components/agent-listing/AgentListingHeader.js.map +0 -1
- package/dist/cjs/components/agent-listing/AgentTable.js +0 -2
- package/dist/cjs/components/agent-listing/AgentTable.js.map +0 -1
- package/dist/cjs/components/agent-listing/AgentTableRow.js +0 -2
- package/dist/cjs/components/agent-listing/AgentTableRow.js.map +0 -1
- package/dist/esm/assets/icons/ManifestGlass.svg.js +0 -6
- package/dist/esm/assets/icons/ManifestGlass.svg.js.map +0 -1
- package/dist/esm/assets/icons/playOutline.svg.js +0 -6
- package/dist/esm/assets/icons/playOutline.svg.js.map +0 -1
- package/dist/esm/components/agent-builder/AgentBuilder.d.ts +0 -18
- package/dist/esm/components/agent-builder/AgentBuilder.js +0 -190
- package/dist/esm/components/agent-builder/AgentBuilder.js.map +0 -1
- package/dist/esm/components/agent-builder/AgentBuilder.model.d.ts +0 -73
- package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts +0 -121
- package/dist/esm/components/agent-builder/AgentBuilder.styled.js +0 -353
- package/dist/esm/components/agent-builder/AgentBuilder.styled.js.map +0 -1
- package/dist/esm/components/agent-builder/components/AgentBuilderFooter.d.ts +0 -10
- package/dist/esm/components/agent-builder/components/AgentBuilderFooter.js +0 -70
- package/dist/esm/components/agent-builder/components/AgentBuilderFooter.js.map +0 -1
- package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.d.ts +0 -12
- package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.js +0 -73
- package/dist/esm/components/agent-builder/components/AgentBuilderTopBar.js.map +0 -1
- package/dist/esm/components/agent-builder/components/AiTextArea.d.ts +0 -14
- package/dist/esm/components/agent-builder/components/AiTextArea.js +0 -44
- package/dist/esm/components/agent-builder/components/AiTextArea.js.map +0 -1
- package/dist/esm/components/agent-builder/components/DiscardModal.d.ts +0 -18
- package/dist/esm/components/agent-builder/components/DiscardModal.js +0 -54
- package/dist/esm/components/agent-builder/components/DiscardModal.js.map +0 -1
- package/dist/esm/components/agent-builder/components/GoLiveModal.d.ts +0 -18
- package/dist/esm/components/agent-builder/components/GoLiveModal.js +0 -73
- package/dist/esm/components/agent-builder/components/GoLiveModal.js.map +0 -1
- package/dist/esm/components/agent-builder/components/InstructionsField.d.ts +0 -2
- package/dist/esm/components/agent-builder/components/InstructionsField.js +0 -81
- package/dist/esm/components/agent-builder/components/InstructionsField.js.map +0 -1
- package/dist/esm/components/agent-builder/components/MentionPicker.d.ts +0 -12
- package/dist/esm/components/agent-builder/components/MentionPicker.js +0 -154
- package/dist/esm/components/agent-builder/components/MentionPicker.js.map +0 -1
- package/dist/esm/components/agent-builder/components/RichTextField.d.ts +0 -21
- package/dist/esm/components/agent-builder/components/RichTextField.js +0 -66
- package/dist/esm/components/agent-builder/components/RichTextField.js.map +0 -1
- package/dist/esm/components/agent-builder/components/SelectableListSection.d.ts +0 -19
- package/dist/esm/components/agent-builder/components/SelectableListSection.js +0 -79
- package/dist/esm/components/agent-builder/components/SelectableListSection.js.map +0 -1
- package/dist/esm/components/agent-builder/components/StepRail.d.ts +0 -2
- package/dist/esm/components/agent-builder/components/StepRail.js +0 -35
- package/dist/esm/components/agent-builder/components/StepRail.js.map +0 -1
- package/dist/esm/components/agent-builder/components/StepSectionHeader.d.ts +0 -7
- package/dist/esm/components/agent-builder/components/StepSectionHeader.js +0 -15
- package/dist/esm/components/agent-builder/components/StepSectionHeader.js.map +0 -1
- package/dist/esm/components/agent-builder/constants/charLimits.d.ts +0 -21
- package/dist/esm/components/agent-builder/constants/charLimits.js +0 -18
- package/dist/esm/components/agent-builder/constants/charLimits.js.map +0 -1
- package/dist/esm/components/agent-builder/constants/editorStyle.d.ts +0 -8
- package/dist/esm/components/agent-builder/constants/editorStyle.js +0 -10
- package/dist/esm/components/agent-builder/constants/editorStyle.js.map +0 -1
- package/dist/esm/components/agent-builder/constants/steps.d.ts +0 -13
- package/dist/esm/components/agent-builder/constants/steps.js +0 -32
- package/dist/esm/components/agent-builder/constants/steps.js.map +0 -1
- package/dist/esm/components/agent-builder/context/AgentBuilderContext.d.ts +0 -53
- package/dist/esm/components/agent-builder/context/AgentBuilderContext.js +0 -118
- package/dist/esm/components/agent-builder/context/AgentBuilderContext.js.map +0 -1
- package/dist/esm/components/agent-builder/hooks/useAgentDraft.d.ts +0 -24
- package/dist/esm/components/agent-builder/hooks/useAgentDraft.js +0 -27
- package/dist/esm/components/agent-builder/hooks/useAgentDraft.js.map +0 -1
- package/dist/esm/components/agent-builder/index.d.ts +0 -7
- package/dist/esm/components/agent-builder/steps/Step1About.d.ts +0 -2
- package/dist/esm/components/agent-builder/steps/Step1About.js +0 -43
- package/dist/esm/components/agent-builder/steps/Step1About.js.map +0 -1
- package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.d.ts +0 -2
- package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js +0 -148
- package/dist/esm/components/agent-builder/steps/Step2WhenItStepsIn.js.map +0 -1
- package/dist/esm/components/agent-builder/steps/Step3HowItResponds.d.ts +0 -2
- package/dist/esm/components/agent-builder/steps/Step3HowItResponds.js +0 -112
- package/dist/esm/components/agent-builder/steps/Step3HowItResponds.js.map +0 -1
- package/dist/esm/components/agent-builder/steps/Step4HandoverRules.d.ts +0 -2
- package/dist/esm/components/agent-builder/steps/Step4HandoverRules.js +0 -83
- package/dist/esm/components/agent-builder/steps/Step4HandoverRules.js.map +0 -1
- package/dist/esm/components/agent-builder/utils/mentionSerialization.d.ts +0 -55
- package/dist/esm/components/agent-builder/utils/mentionSerialization.js +0 -95
- package/dist/esm/components/agent-builder/utils/mentionSerialization.js.map +0 -1
- package/dist/esm/components/agent-listing/AgentListing.d.ts +0 -18
- package/dist/esm/components/agent-listing/AgentListing.js +0 -141
- package/dist/esm/components/agent-listing/AgentListing.js.map +0 -1
- package/dist/esm/components/agent-listing/AgentListing.model.d.ts +0 -69
- package/dist/esm/components/agent-listing/AgentListing.styled.d.ts +0 -56
- package/dist/esm/components/agent-listing/AgentListing.styled.js +0 -145
- package/dist/esm/components/agent-listing/AgentListing.styled.js.map +0 -1
- package/dist/esm/components/agent-listing/AgentListingFilters.d.ts +0 -16
- package/dist/esm/components/agent-listing/AgentListingFilters.js +0 -81
- package/dist/esm/components/agent-listing/AgentListingFilters.js.map +0 -1
- package/dist/esm/components/agent-listing/AgentListingHeader.d.ts +0 -8
- package/dist/esm/components/agent-listing/AgentListingHeader.js +0 -40
- package/dist/esm/components/agent-listing/AgentListingHeader.js.map +0 -1
- package/dist/esm/components/agent-listing/AgentTable.d.ts +0 -10
- package/dist/esm/components/agent-listing/AgentTable.js +0 -33
- package/dist/esm/components/agent-listing/AgentTable.js.map +0 -1
- package/dist/esm/components/agent-listing/AgentTableRow.d.ts +0 -10
- package/dist/esm/components/agent-listing/AgentTableRow.js +0 -88
- package/dist/esm/components/agent-listing/AgentTableRow.js.map +0 -1
- package/dist/esm/components/agent-listing/index.d.ts +0 -2
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bikdotai/bik-component-library",
|
|
3
|
-
"version": "0.0.821-beta.
|
|
3
|
+
"version": "0.0.821-beta.2",
|
|
4
4
|
"description": "Bik Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
],
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "vite build --config vite.config.lib.ts",
|
|
37
|
-
"dev": "LIB_DEV=true vite build --config vite.config.lib.ts --watch",
|
|
38
37
|
"build:storybook": "storybook build -o storybook-static",
|
|
39
38
|
"generate:icons": "npx @svgr/cli --config-file svgr.generate.cjs --out-dir src/icons svgs/",
|
|
40
39
|
"lint": "eslint . --ext .ts,.tsx,.js,.jsx",
|
|
@@ -63,7 +62,7 @@
|
|
|
63
62
|
"not op_mini all"
|
|
64
63
|
],
|
|
65
64
|
"dependencies": {
|
|
66
|
-
"@bikdotai/bik-models": "11.
|
|
65
|
+
"@bikdotai/bik-models": "11.4.0",
|
|
67
66
|
"@hello-pangea/dnd": "^18.0.1",
|
|
68
67
|
"@popperjs/core": "^2.11.7",
|
|
69
68
|
"@tippyjs/react": "^4.2.6",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react");function i(t){if(t&&typeof t=="object"&&"default"in t)return t;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(a,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return a.default=t,Object.freeze(a)}const e=i(n),o=t=>e.createElement("svg",{viewBox:"0 0 73 73",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{filter:"url(#filter0_di_183_75946)"},e.createElement("g",{clipPath:"url(#clip0_183_75946)"},e.createElement("rect",{x:4.49512,y:1.79785,width:64,height:64,rx:32,fill:"url(#paint0_linear_183_75946)"}),e.createElement("g",{filter:"url(#filter1_di_183_75946)"},e.createElement("path",{d:"M35.0908 9.95325C35.0839 10.1412 35.0791 10.33 35.0791 10.5197C35.0791 18.6633 41.47 25.3141 49.5098 25.7316V25.7745C41.9243 26.1684 35.8079 32.1112 35.1406 39.6212H35.0088C34.3183 31.8494 27.7926 25.7552 19.8418 25.7531V25.7511C28.2533 25.7495 35.0721 18.9315 35.0723 10.5197C35.0723 10.33 35.0674 10.1412 35.0605 9.95325H35.0908Z",fill:"white"}),e.createElement("path",{d:"M46.4941 31.1718C46.5247 36.2372 50.5107 40.3646 55.5195 40.621V40.6464C50.7769 40.889 46.9543 44.6028 46.5352 49.2968H46.4541C46.0211 44.4471 41.9541 40.6437 36.9941 40.6337C42.2245 40.6239 46.4629 36.397 46.4941 31.1718ZM46.4941 31.0546C46.4935 30.9542 46.489 30.8543 46.4854 30.7548H46.5039C46.5002 30.8543 46.4948 30.9542 46.4941 31.0546Z",fill:"white"}),e.createElement("path",{d:"M30.8359 38.1207C30.8362 42.2118 34.0448 45.5528 38.083 45.7653V45.7858C34.2726 45.9864 31.2029 48.9743 30.8682 52.7477H30.8037C30.4571 48.8402 27.1771 45.7761 23.1797 45.776C23.1771 45.776 23.1744 45.776 23.1719 45.776V45.775C23.1744 45.775 23.1771 45.776 23.1797 45.776C27.408 45.7759 30.8358 42.3481 30.8359 38.1198C30.8359 38.025 30.8325 37.9304 30.8291 37.8365H30.8428C30.8393 37.9308 30.8359 38.0257 30.8359 38.1207Z",fill:"white"})))),e.createElement("defs",null,e.createElement("filter",{id:"filter0_di_183_75946",x:395298e-9,y:-371933e-10,width:72.9894,height:72.9894,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:2.69683}),e.createElement("feGaussianBlur",{stdDeviation:2.24736}),e.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_183_75946"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:2.69683}),e.createElement("feGaussianBlur",{stdDeviation:1.79789}),e.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:-1,k3:1}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.611765 0 0 0 0 0.556863 0 0 0 0 1 0 0 0 1 0"}),e.createElement("feBlend",{mode:"normal",in2:"shape",result:"effect2_innerShadow_183_75946"}),e.createElement("feBlend",{mode:"normal",in:"effect2_innerShadow_183_75946",in2:"effect1_dropShadow_183_75946",result:"effect2_innerShadow_183_75946"})),e.createElement("filter",{id:"filter1_di_183_75946",x:9.57136,y:-.317191,width:56.2186,height:63.3353,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:.224736,dy:.224736}),e.createElement("feGaussianBlur",{stdDeviation:1.74475}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.32 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_183_75946"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_183_75946",result:"shape"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:.449472}),e.createElement("feGaussianBlur",{stdDeviation:2.48333}),e.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:-1,k3:1}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.631373 0 0 0 0 0.576471 0 0 0 0 1 0 0 0 0.15 0"}),e.createElement("feBlend",{mode:"normal",in2:"shape",result:"effect2_innerShadow_183_75946"})),e.createElement("linearGradient",{id:"paint0_linear_183_75946",x1:5.15282,y1:8.56964,x2:79.428,y2:63.7667,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#320465"}),e.createElement("stop",{offset:.5,stopColor:"#5548D8"}),e.createElement("stop",{offset:1,stopColor:"#28034E"})),e.createElement("clipPath",{id:"clip0_183_75946"},e.createElement("rect",{x:4.49512,y:1.79785,width:64,height:64,rx:32,fill:"white"}))));exports.default=o;
|
|
2
|
-
//# sourceMappingURL=ManifestGlass.svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ManifestGlass.svg.js","sources":["../../../../src/assets/icons/ManifestGlass.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgManifestGlass = (props) => /* @__PURE__ */ React.createElement(\"svg\", { viewBox: \"0 0 73 73\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { filter: \"url(#filter0_di_183_75946)\" }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_183_75946)\" }, /* @__PURE__ */ React.createElement(\"rect\", { x: 4.49512, y: 1.79785, width: 64, height: 64, rx: 32, fill: \"url(#paint0_linear_183_75946)\" }), /* @__PURE__ */ React.createElement(\"g\", { filter: \"url(#filter1_di_183_75946)\" }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M35.0908 9.95325C35.0839 10.1412 35.0791 10.33 35.0791 10.5197C35.0791 18.6633 41.47 25.3141 49.5098 25.7316V25.7745C41.9243 26.1684 35.8079 32.1112 35.1406 39.6212H35.0088C34.3183 31.8494 27.7926 25.7552 19.8418 25.7531V25.7511C28.2533 25.7495 35.0721 18.9315 35.0723 10.5197C35.0723 10.33 35.0674 10.1412 35.0605 9.95325H35.0908Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M46.4941 31.1718C46.5247 36.2372 50.5107 40.3646 55.5195 40.621V40.6464C50.7769 40.889 46.9543 44.6028 46.5352 49.2968H46.4541C46.0211 44.4471 41.9541 40.6437 36.9941 40.6337C42.2245 40.6239 46.4629 36.397 46.4941 31.1718ZM46.4941 31.0546C46.4935 30.9542 46.489 30.8543 46.4854 30.7548H46.5039C46.5002 30.8543 46.4948 30.9542 46.4941 31.0546Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M30.8359 38.1207C30.8362 42.2118 34.0448 45.5528 38.083 45.7653V45.7858C34.2726 45.9864 31.2029 48.9743 30.8682 52.7477H30.8037C30.4571 48.8402 27.1771 45.7761 23.1797 45.776C23.1771 45.776 23.1744 45.776 23.1719 45.776V45.775C23.1744 45.775 23.1771 45.776 23.1797 45.776C27.408 45.7759 30.8358 42.3481 30.8359 38.1198C30.8359 38.025 30.8325 37.9304 30.8291 37.8365H30.8428C30.8393 37.9308 30.8359 38.0257 30.8359 38.1207Z\", fill: \"white\" })))), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"filter\", { id: \"filter0_di_183_75946\", x: 395298e-9, y: -371933e-10, width: 72.9894, height: 72.9894, filterUnits: \"userSpaceOnUse\", colorInterpolationFilters: \"sRGB\" }, /* @__PURE__ */ React.createElement(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { in: \"SourceAlpha\", type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\", result: \"hardAlpha\" }), /* @__PURE__ */ React.createElement(\"feOffset\", { dy: 2.69683 }), /* @__PURE__ */ React.createElement(\"feGaussianBlur\", { stdDeviation: 2.24736 }), /* @__PURE__ */ React.createElement(\"feComposite\", { in2: \"hardAlpha\", operator: \"out\" }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_183_75946\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in: \"SourceGraphic\", in2: \"BackgroundImageFix\", result: \"shape\" }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { in: \"SourceAlpha\", type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\", result: \"hardAlpha\" }), /* @__PURE__ */ React.createElement(\"feOffset\", { dy: 2.69683 }), /* @__PURE__ */ React.createElement(\"feGaussianBlur\", { stdDeviation: 1.79789 }), /* @__PURE__ */ React.createElement(\"feComposite\", { in2: \"hardAlpha\", operator: \"arithmetic\", k2: -1, k3: 1 }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { type: \"matrix\", values: \"0 0 0 0 0.611765 0 0 0 0 0.556863 0 0 0 0 1 0 0 0 1 0\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in2: \"shape\", result: \"effect2_innerShadow_183_75946\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in: \"effect2_innerShadow_183_75946\", in2: \"effect1_dropShadow_183_75946\", result: \"effect2_innerShadow_183_75946\" })), /* @__PURE__ */ React.createElement(\"filter\", { id: \"filter1_di_183_75946\", x: 9.57136, y: -0.317191, width: 56.2186, height: 63.3353, filterUnits: \"userSpaceOnUse\", colorInterpolationFilters: \"sRGB\" }, /* @__PURE__ */ React.createElement(\"feFlood\", { floodOpacity: 0, result: \"BackgroundImageFix\" }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { in: \"SourceAlpha\", type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\", result: \"hardAlpha\" }), /* @__PURE__ */ React.createElement(\"feOffset\", { dx: 0.224736, dy: 0.224736 }), /* @__PURE__ */ React.createElement(\"feGaussianBlur\", { stdDeviation: 1.74475 }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { type: \"matrix\", values: \"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.32 0\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in2: \"BackgroundImageFix\", result: \"effect1_dropShadow_183_75946\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in: \"SourceGraphic\", in2: \"effect1_dropShadow_183_75946\", result: \"shape\" }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { in: \"SourceAlpha\", type: \"matrix\", values: \"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\", result: \"hardAlpha\" }), /* @__PURE__ */ React.createElement(\"feOffset\", { dy: 0.449472 }), /* @__PURE__ */ React.createElement(\"feGaussianBlur\", { stdDeviation: 2.48333 }), /* @__PURE__ */ React.createElement(\"feComposite\", { in2: \"hardAlpha\", operator: \"arithmetic\", k2: -1, k3: 1 }), /* @__PURE__ */ React.createElement(\"feColorMatrix\", { type: \"matrix\", values: \"0 0 0 0 0.631373 0 0 0 0 0.576471 0 0 0 0 1 0 0 0 0.15 0\" }), /* @__PURE__ */ React.createElement(\"feBlend\", { mode: \"normal\", in2: \"shape\", result: \"effect2_innerShadow_183_75946\" })), /* @__PURE__ */ React.createElement(\"linearGradient\", { id: \"paint0_linear_183_75946\", x1: 5.15282, y1: 8.56964, x2: 79.428, y2: 63.7667, gradientUnits: \"userSpaceOnUse\" }, /* @__PURE__ */ React.createElement(\"stop\", { stopColor: \"#320465\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 0.5, stopColor: \"#5548D8\" }), /* @__PURE__ */ React.createElement(\"stop\", { offset: 1, stopColor: \"#28034E\" })), /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_183_75946\" }, /* @__PURE__ */ React.createElement(\"rect\", { x: 4.49512, y: 1.79785, width: 64, height: 64, rx: 32, fill: \"white\" }))));\nexport default SvgManifestGlass;\n"],"names":["SvgManifestGlass","props","React"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function a(e){if(e&&typeof e=="object"&&"default"in e)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=a(c),l=e=>n.createElement("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.1665 4.16667C4.16642 3.87342 4.24371 3.58533 4.39057 3.3315C4.53744 3.07767 4.74868 2.86708 5.00296 2.721C5.25725 2.57492 5.54557 2.49853 5.83883 2.49952C6.13208 2.50052 6.41988 2.57887 6.67317 2.72667L16.6707 8.55834C16.923 8.70474 17.1324 8.91479 17.2781 9.16751C17.4238 9.42023 17.5006 9.70675 17.5009 9.99845C17.5011 10.2902 17.4248 10.5768 17.2796 10.8298C17.1343 11.0828 16.9252 11.2932 16.6732 11.44L6.67317 17.2733C6.41988 17.4211 6.13208 17.4995 5.83883 17.5005C5.54557 17.5015 5.25725 17.4251 5.00296 17.279C4.74868 17.1329 4.53744 16.9223 4.39057 16.6685C4.24371 16.4147 4.16642 16.1266 4.1665 15.8333V4.16667Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}));exports.default=l;
|
|
2
|
-
//# sourceMappingURL=playOutline.svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"playOutline.svg.js","sources":["../../../../src/assets/icons/playOutline.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgPlayOutline = (props) => /* @__PURE__ */ React.createElement(\"svg\", { viewBox: \"0 0 20 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.1665 4.16667C4.16642 3.87342 4.24371 3.58533 4.39057 3.3315C4.53744 3.07767 4.74868 2.86708 5.00296 2.721C5.25725 2.57492 5.54557 2.49853 5.83883 2.49952C6.13208 2.50052 6.41988 2.57887 6.67317 2.72667L16.6707 8.55834C16.923 8.70474 17.1324 8.91479 17.2781 9.16751C17.4238 9.42023 17.5006 9.70675 17.5009 9.99845C17.5011 10.2902 17.4248 10.5768 17.2796 10.8298C17.1343 11.0828 16.9252 11.2932 16.6732 11.44L6.67317 17.2733C6.41988 17.4211 6.13208 17.4995 5.83883 17.5005C5.54557 17.5015 5.25725 17.4251 5.00296 17.279C4.74868 17.1329 4.53744 16.9223 4.39057 16.6685C4.24371 16.4147 4.16642 16.1266 4.1665 15.8333V4.16667Z\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgPlayOutline;\n"],"names":["SvgPlayOutline","props","React"],"mappings":"gdACMA,EAAkBC,GAA0BC,EAAM,cAAc,MAAO,CAAE,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAK,EAAoBC,EAAM,cAAc,OAAQ,CAAE,EAAG,mnBAAonB,OAAQ,eAAgB,YAAa,EAAG,cAAe,QAAS,eAAgB,OAAO,CAAE,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),Y=require("../../constants/Theme.js"),s=require("./AgentBuilder.styled.js"),Z=require("./components/AgentBuilderFooter.js"),ee=require("./components/AgentBuilderTopBar.js"),ne=require("./components/DiscardModal.js"),te=require("./components/GoLiveModal.js"),ae=require("./components/StepRail.js"),B=require("./context/AgentBuilderContext.js"),oe=require("./steps/Step1About.js"),se=require("./steps/Step2WhenItStepsIn.js"),ie=require("./steps/Step3HowItResponds.js"),le=require("./steps/Step4HandoverRules.js"),re=require("../spinner/Spinner.js"),ce=()=>{const{activeStep:c}=B.useAgentBuilderContext();switch(c){case"about":return n.jsx(oe.Step1About,{});case"trigger":return n.jsx(se.Step2WhenItStepsIn,{});case"response":return n.jsx(ie.Step3HowItResponds,{});case"handover":return n.jsx(le.Step4HandoverRules,{});default:return null}},L=c=>{const{config:y,onChange:S,onStepChange:u,onDiscard:i,onSaveDraft:l,onPublish:f,onBack:d,onTestAgent:g,onGoToDashboard:h,...k}=c,{value:v,activeStep:m,availableTools:q,availableSubAgents:T,availableIntents:R=[],availableModels:G=[],validation:M,applicationType:P,isSaving:b,isPublishing:p,isLoading:I,footerHint:w="Changes don’t affect customers until you go live",disableStepNavigation:H,debugLog:C}=y,[O,o]=a.useState(null),[A,x]=a.useState(!1),[F,r]=a.useState(!1),[N,j]=a.useState(!1),e=a.useCallback((t,...X)=>{C&&console.log(`[AgentBuilder] ${t}`,...X)},[C]),W=a.useCallback(t=>{e("onChange",t),S(t)},[e,S]),z=a.useCallback(t=>{e("onStepChange",t),u?.(t)},[e,u]),_=a.useCallback(()=>{e("onDiscard"),i()},[e,i]),D=a.useCallback(()=>(e("onSaveDraft"),l()),[e,l]),$=a.useCallback(()=>(e("onPublish"),f()),[e,f]),E=a.useCallback(()=>{e("onBack"),r(!0)},[e]),J=a.useCallback(()=>{e("onDiscardAndLeave"),r(!1),i()},[e,i]),K=a.useCallback(async()=>{e("onSaveDraftAndLeave");const t=l();if(t&&typeof t.then=="function"){j(!0);try{await t}finally{j(!1)}}r(!1),d?.()},[e,l,d]),Q=a.useCallback(()=>{e("onTestAgent"),g?.()},[e,g]),U=a.useCallback(()=>{e("onGoToDashboard"),h?.()},[e,h]),V=async()=>{e("onGoLiveConfirm");const t=$();if(t&&typeof t.then=="function"){x(!0);try{await t,o("success")}finally{x(!1)}}else o("success")};return n.jsx(B.AgentBuilderProvider,{value:v,onChange:W,activeStep:m,onStepChange:u?z:void 0,availableTools:q,availableSubAgents:T,availableIntents:R,availableModels:G,validation:M,applicationType:P,disableStepNavigation:H,children:n.jsxs(s.BuilderRoot,{"data-test":k["data-test"]??"agent-builder",children:[n.jsx(ee.AgentBuilderTopBar,{name:v.name,status:v.status,onBack:d?E:void 0,onDiscard:_,onSaveDraft:D,isSaving:b}),n.jsxs(s.Main,{children:[n.jsx(s.Rail,{children:n.jsx(ae.StepRail,{})}),n.jsx(s.Content,{children:I?n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:n.jsx(re.Spinner,{size:"large",color:Y.COLORS.stroke.brand})}):n.jsx(s.ContentCard,{children:n.jsx(ce,{})})})]}),n.jsx(Z.AgentBuilderFooter,{footerHint:w,onTestAgent:g?Q:void 0,onGoLive:()=>{e("onGoLive"),o("confirm")},isPublishing:p||A}),n.jsx(te.GoLiveModal,{mode:O,onClose:()=>o(null),onConfirm:V,onSaveDraft:()=>{o(null),D()},onGoToDashboard:h?U:void 0,isPublishing:p||A}),n.jsx(ne.DiscardModal,{open:F,onClose:()=>r(!1),onDiscard:J,onSaveDraft:K,isSaving:b||N})]})})};L.displayName="AgentBuilder";exports.AgentBuilder=L;
|
|
2
|
-
//# sourceMappingURL=AgentBuilder.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentBuilderProps, AgentValue } from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n * value={agent}\n * onChange={(patch) => setAgent({ ...agent, ...patch })}\n * availableTools={tools}\n * availableSubAgents={subAgents}\n * onDiscard={() => router.back()}\n * onSaveDraft={saveDraft}\n * onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tvalidation,\n\t\tapplicationType,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleDiscard = useCallback(() => {\n\t\tlogAction('onDiscard');\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonDiscard={handleDiscard}\n\t\t\t\t\tonSaveDraft={handleSaveDraft}\n\t\t\t\t\tisSaving={isSaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t}}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => setModalMode(null)}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleDiscard","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","AgentBuilderFooter","GoLiveModal","DiscardModal"],"mappings":"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"}
|
|
@@ -1,285 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e=require("../../constants/Theme.js"),n=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},t=n(i),o=t.default.div.attrs({className:"bik-builder-root"})`
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
height: 100%;
|
|
5
|
-
width: 100%;
|
|
6
|
-
min-height: 0;
|
|
7
|
-
background: ${e.COLORS.surface.standard};
|
|
8
|
-
`,r=t.default.div.attrs({className:"bik-top-bar"})`
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
justify-content: space-between;
|
|
12
|
-
height: 56px;
|
|
13
|
-
padding: 12px 16px;
|
|
14
|
-
border-bottom: 1px solid ${e.COLORS.stroke.primary};
|
|
15
|
-
flex-shrink: 0;
|
|
16
|
-
`,d=t.default.div.attrs({className:"bik-top-bar-side"})`
|
|
17
|
-
display: flex;
|
|
18
|
-
align-items: center;
|
|
19
|
-
gap: 12px;
|
|
20
|
-
`,s=t.default.button.attrs({className:"bik-back-button"})`
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: center;
|
|
23
|
-
justify-content: center;
|
|
24
|
-
width: 28px;
|
|
25
|
-
height: 28px;
|
|
26
|
-
border: none;
|
|
27
|
-
background: transparent;
|
|
28
|
-
padding: 0;
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
border-radius: 4px;
|
|
31
|
-
|
|
32
|
-
&:hover {
|
|
33
|
-
background: ${e.COLORS.surface.subdued};
|
|
34
|
-
}
|
|
35
|
-
`,l=t.default.div.attrs({className:"bik-main"})`
|
|
36
|
-
display: flex;
|
|
37
|
-
flex: 1;
|
|
38
|
-
min-height: 0;
|
|
39
|
-
`,c=t.default.div.attrs({className:"bik-rail"})`
|
|
40
|
-
width: 234px;
|
|
41
|
-
flex-shrink: 0;
|
|
42
|
-
border-right: 1px solid ${e.COLORS.stroke.primary};
|
|
43
|
-
padding: 16px;
|
|
44
|
-
overflow-y: auto;
|
|
45
|
-
background: ${e.COLORS.surface.standard};
|
|
46
|
-
`,p=t.default.div.attrs({className:"bik-content"})`
|
|
47
|
-
flex: 1;
|
|
48
|
-
min-width: 0;
|
|
49
|
-
overflow-y: auto;
|
|
50
|
-
padding: 16px;
|
|
51
|
-
background: ${e.COLORS.surface.standard};
|
|
52
|
-
`,x=t.default.div.attrs({className:"bik-content-card"})`
|
|
53
|
-
border: 1px solid ${e.COLORS.stroke.primary};
|
|
54
|
-
border-radius: 8px;
|
|
55
|
-
padding: 24px;
|
|
56
|
-
min-height: 100%;
|
|
57
|
-
box-sizing: border-box;
|
|
58
|
-
`,u=t.default.div.attrs({className:"bik-footer"})`
|
|
59
|
-
display: flex;
|
|
60
|
-
align-items: center;
|
|
61
|
-
justify-content: space-between;
|
|
62
|
-
min-height: 56px;
|
|
63
|
-
padding: 12px 16px;
|
|
64
|
-
border-top: 1px solid ${e.COLORS.stroke.primary};
|
|
65
|
-
flex-shrink: 0;
|
|
66
|
-
`,f=t.default.div.attrs({className:"bik-footer-hint"})`
|
|
67
|
-
display: flex;
|
|
68
|
-
align-items: center;
|
|
69
|
-
gap: 6px;
|
|
70
|
-
`,b=t.default.div.attrs({className:"bik-footer-actions"})`
|
|
71
|
-
display: flex;
|
|
72
|
-
align-items: center;
|
|
73
|
-
gap: 8px;
|
|
74
|
-
`,m=t.default.div.attrs({className:"bik-rail-list"})`
|
|
75
|
-
display: flex;
|
|
76
|
-
flex-direction: column;
|
|
77
|
-
`,g=t.default.button.attrs({className:"bik-rail-item"})`
|
|
78
|
-
position: relative;
|
|
79
|
-
display: flex;
|
|
80
|
-
align-items: flex-start;
|
|
81
|
-
gap: 8px;
|
|
82
|
-
/* Bottom padding leaves room for the connector down to the next badge. */
|
|
83
|
-
padding: 0 0 24px;
|
|
84
|
-
border: none;
|
|
85
|
-
background: transparent;
|
|
86
|
-
cursor: pointer;
|
|
87
|
-
text-align: left;
|
|
88
|
-
width: 100%;
|
|
89
|
-
|
|
90
|
-
&:last-child {
|
|
91
|
-
padding-bottom: 0;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
&:disabled {
|
|
95
|
-
cursor: default;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/* Dashed connector line between consecutive step badges (centered on the badge). */
|
|
99
|
-
&:not(:last-child)::after {
|
|
100
|
-
content: '';
|
|
101
|
-
position: absolute;
|
|
102
|
-
left: 9px;
|
|
103
|
-
top: 20px;
|
|
104
|
-
width: 0;
|
|
105
|
-
height: 24px;
|
|
106
|
-
border-left: 1px dashed #e0e0e0;
|
|
107
|
-
pointer-events: none;
|
|
108
|
-
}
|
|
109
|
-
`,h=t.default.div.attrs({className:"bik-step-badge"})`
|
|
110
|
-
width: 20px;
|
|
111
|
-
height: 20px;
|
|
112
|
-
flex-shrink: 0;
|
|
113
|
-
border-radius: 50%;
|
|
114
|
-
display: flex;
|
|
115
|
-
align-items: center;
|
|
116
|
-
justify-content: center;
|
|
117
|
-
font-family: Inter;
|
|
118
|
-
font-size: 12px;
|
|
119
|
-
font-weight: 600;
|
|
120
|
-
background: ${a=>a.state==="complete"?e.COLORS.content.brand:a.state==="active"?e.COLORS.background.brandTint:"#F0F0F0"};
|
|
121
|
-
color: ${a=>a.state==="complete"?e.COLORS.content.primaryInverse:a.state==="active"?e.COLORS.content.brand:e.COLORS.content.placeholder};
|
|
122
|
-
`,k=t.default.div.attrs({className:"bik-section-header-wrap"})`
|
|
123
|
-
display: flex;
|
|
124
|
-
flex-direction: column;
|
|
125
|
-
gap: 4px;
|
|
126
|
-
margin-bottom: 20px;
|
|
127
|
-
`,y=t.default.div.attrs({className:"bik-field-block"})`
|
|
128
|
-
display: flex;
|
|
129
|
-
flex-direction: column;
|
|
130
|
-
gap: 8px;
|
|
131
|
-
margin-bottom: 20px;
|
|
132
|
-
`,O=t.default.div.attrs({className:"bik-field-label-row"})`
|
|
133
|
-
display: flex;
|
|
134
|
-
align-items: center;
|
|
135
|
-
justify-content: space-between;
|
|
136
|
-
`,S=t.default.div.attrs({className:"bik-ai-text-area-shell"})`
|
|
137
|
-
display: flex;
|
|
138
|
-
flex-direction: column;
|
|
139
|
-
border: 1px solid
|
|
140
|
-
${a=>a.focused?e.COLORS.stroke.brand:e.COLORS.stroke.primary};
|
|
141
|
-
border-radius: 4px;
|
|
142
|
-
padding: 8px 12px;
|
|
143
|
-
gap: 8px;
|
|
144
|
-
min-height: ${a=>a.minHeight??"120px"};
|
|
145
|
-
background: ${e.COLORS.surface.standard};
|
|
146
|
-
`,R=t.default.textarea.attrs({className:"bik-ai-text-area-input"})`
|
|
147
|
-
flex: 1;
|
|
148
|
-
border: none;
|
|
149
|
-
outline: none;
|
|
150
|
-
resize: none;
|
|
151
|
-
font-family: Inter;
|
|
152
|
-
font-size: 14px;
|
|
153
|
-
line-height: 20px;
|
|
154
|
-
color: ${e.COLORS.content.primary};
|
|
155
|
-
background: transparent;
|
|
156
|
-
min-height: 60px;
|
|
157
|
-
|
|
158
|
-
&::placeholder {
|
|
159
|
-
color: ${e.COLORS.content.placeholder};
|
|
160
|
-
}
|
|
161
|
-
`,C=t.default.div.attrs({className:"bik-card-row"})`
|
|
162
|
-
display: flex;
|
|
163
|
-
gap: 12px;
|
|
164
|
-
margin-bottom: 16px;
|
|
165
|
-
`,v=t.default.button.attrs({className:"bik-radio-card"})`
|
|
166
|
-
flex: 1;
|
|
167
|
-
display: flex;
|
|
168
|
-
align-items: flex-start;
|
|
169
|
-
gap: 12px;
|
|
170
|
-
padding: 16px;
|
|
171
|
-
border: 1px solid
|
|
172
|
-
${a=>a.selected?e.COLORS.stroke.brand:e.COLORS.stroke.primary};
|
|
173
|
-
background: ${a=>a.selected?e.COLORS.background.brandLight:e.COLORS.surface.standard};
|
|
174
|
-
border-radius: 8px;
|
|
175
|
-
cursor: pointer;
|
|
176
|
-
text-align: left;
|
|
177
|
-
width: 100%;
|
|
178
|
-
`,w=t.default.div.attrs({className:"bik-radio-card-text"})`
|
|
179
|
-
display: flex;
|
|
180
|
-
flex-direction: column;
|
|
181
|
-
gap: 4px;
|
|
182
|
-
`,N=t.default.div.attrs({className:"bik-chip-wrap"})`
|
|
183
|
-
display: flex;
|
|
184
|
-
flex-wrap: wrap;
|
|
185
|
-
align-items: center;
|
|
186
|
-
gap: 8px;
|
|
187
|
-
`,L=t.default.div.attrs({className:"bik-intent-chip"})`
|
|
188
|
-
display: inline-flex;
|
|
189
|
-
align-items: center;
|
|
190
|
-
gap: 6px;
|
|
191
|
-
padding: 4px 8px;
|
|
192
|
-
border: 1px solid ${e.COLORS.stroke.primary};
|
|
193
|
-
border-radius: 4px;
|
|
194
|
-
background: ${e.COLORS.surface.standard};
|
|
195
|
-
`,B=t.default.button.attrs({className:"bik-chip-close-button"})`
|
|
196
|
-
display: flex;
|
|
197
|
-
align-items: center;
|
|
198
|
-
justify-content: center;
|
|
199
|
-
border: none;
|
|
200
|
-
background: transparent;
|
|
201
|
-
padding: 0;
|
|
202
|
-
cursor: pointer;
|
|
203
|
-
`,$=t.default.button.attrs({className:"bik-add-chip-button"})`
|
|
204
|
-
display: inline-flex;
|
|
205
|
-
align-items: center;
|
|
206
|
-
gap: 6px;
|
|
207
|
-
padding: 4px 8px;
|
|
208
|
-
border: 1px dashed ${e.COLORS.stroke.primary};
|
|
209
|
-
border-radius: 4px;
|
|
210
|
-
background: transparent;
|
|
211
|
-
cursor: pointer;
|
|
212
|
-
`,A=t.default.div.attrs({className:"bik-step3-grid"})`
|
|
213
|
-
display: grid;
|
|
214
|
-
grid-template-columns: minmax(0, 1fr) 300px;
|
|
215
|
-
gap: 24px;
|
|
216
|
-
|
|
217
|
-
@media (max-width: 1100px) {
|
|
218
|
-
grid-template-columns: 1fr;
|
|
219
|
-
}
|
|
220
|
-
`,T=t.default.div.attrs({className:"bik-step3-main"})`
|
|
221
|
-
display: flex;
|
|
222
|
-
flex-direction: column;
|
|
223
|
-
`,F=t.default.div.attrs({className:"bik-step3-side"})`
|
|
224
|
-
display: flex;
|
|
225
|
-
flex-direction: column;
|
|
226
|
-
gap: 24px;
|
|
227
|
-
`,I=t.default.div.attrs({className:"bik-side-section"})`
|
|
228
|
-
display: flex;
|
|
229
|
-
flex-direction: column;
|
|
230
|
-
gap: 8px;
|
|
231
|
-
`,j=t.default.div.attrs({className:"bik-side-section-header"})`
|
|
232
|
-
display: flex;
|
|
233
|
-
align-items: center;
|
|
234
|
-
justify-content: space-between;
|
|
235
|
-
`,M=t.default.button.attrs({className:"bik-add-icon-button"})`
|
|
236
|
-
display: flex;
|
|
237
|
-
align-items: center;
|
|
238
|
-
justify-content: center;
|
|
239
|
-
width: 24px;
|
|
240
|
-
height: 24px;
|
|
241
|
-
border: none;
|
|
242
|
-
background: transparent;
|
|
243
|
-
padding: 0;
|
|
244
|
-
cursor: pointer;
|
|
245
|
-
border-radius: 4px;
|
|
246
|
-
|
|
247
|
-
&:hover {
|
|
248
|
-
background: ${e.COLORS.surface.subdued};
|
|
249
|
-
}
|
|
250
|
-
`,H=t.default.div.attrs({className:"bik-selectable-row"})`
|
|
251
|
-
display: flex;
|
|
252
|
-
align-items: center;
|
|
253
|
-
gap: 8px;
|
|
254
|
-
padding: 8px 12px;
|
|
255
|
-
border: 1px solid ${e.COLORS.stroke.primary};
|
|
256
|
-
border-radius: 4px;
|
|
257
|
-
`,z=t.default.div.attrs({className:"bik-row-text"})`
|
|
258
|
-
flex: 1;
|
|
259
|
-
min-width: 0;
|
|
260
|
-
`,W=t.default.button.attrs({className:"bik-row-remove-button"})`
|
|
261
|
-
display: flex;
|
|
262
|
-
align-items: center;
|
|
263
|
-
justify-content: center;
|
|
264
|
-
border: none;
|
|
265
|
-
background: transparent;
|
|
266
|
-
padding: 0;
|
|
267
|
-
cursor: pointer;
|
|
268
|
-
`,_=t.default.div.attrs({className:"bik-modal-body"})`
|
|
269
|
-
padding: 24px;
|
|
270
|
-
display: flex;
|
|
271
|
-
flex-direction: column;
|
|
272
|
-
align-items: center;
|
|
273
|
-
gap: 16px;
|
|
274
|
-
text-align: center;
|
|
275
|
-
`,q=t.default.div.attrs({className:"bik-modal-icon"})`
|
|
276
|
-
display: flex;
|
|
277
|
-
align-items: center;
|
|
278
|
-
justify-content: center;
|
|
279
|
-
margin-bottom: 4px;
|
|
280
|
-
`,D=t.default.div.attrs({className:"bik-modal-actions"})`
|
|
281
|
-
display: flex;
|
|
282
|
-
gap: 12px;
|
|
283
|
-
width: 100%;
|
|
284
|
-
`;exports.AddChipButton=$;exports.AddIconButton=M;exports.AiTextAreaInput=R;exports.AiTextAreaShell=S;exports.BackButton=s;exports.BuilderRoot=o;exports.CardRow=C;exports.ChipCloseButton=B;exports.ChipWrap=N;exports.Content=p;exports.ContentCard=x;exports.FieldBlock=y;exports.FieldLabelRow=O;exports.Footer=u;exports.FooterActions=b;exports.FooterHint=f;exports.IntentChip=L;exports.Main=l;exports.ModalActions=D;exports.ModalBody=_;exports.ModalIcon=q;exports.RadioCard=v;exports.RadioCardText=w;exports.Rail=c;exports.RailItem=g;exports.RailList=m;exports.RowRemoveButton=W;exports.RowText=z;exports.SectionHeaderWrap=k;exports.SelectableRow=H;exports.SideSection=I;exports.SideSectionHeader=j;exports.Step3Grid=A;exports.Step3Main=T;exports.Step3Side=F;exports.StepBadge=h;exports.TopBar=r;exports.TopBarSide=d;
|
|
285
|
-
//# sourceMappingURL=AgentBuilder.styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AgentBuilder.styled.js","sources":["../../../../src/components/agent-builder/AgentBuilder.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BuilderRoot = styled.div.attrs({ className: 'bik-builder-root' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\tmin-height: 0;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const TopBar = styled.div.attrs({ className: 'bik-top-bar' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: 56px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const TopBarSide = styled.div.attrs({ className: 'bik-top-bar-side' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n`;\n\nexport const BackButton = styled.button.attrs({ className: 'bik-back-button' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 28px;\n\theight: 28px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const Main = styled.div.attrs({ className: 'bik-main' })`\n\tdisplay: flex;\n\tflex: 1;\n\tmin-height: 0;\n`;\n\nexport const Rail = styled.div.attrs({ className: 'bik-rail' })`\n\twidth: 234px;\n\tflex-shrink: 0;\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tpadding: 16px;\n\toverflow-y: auto;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const Content = styled.div.attrs({ className: 'bik-content' })`\n\tflex: 1;\n\tmin-width: 0;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const ContentCard = styled.div.attrs({ className: 'bik-content-card' })`\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tpadding: 24px;\n\tmin-height: 100%;\n\tbox-sizing: border-box;\n`;\n\nexport const Footer = styled.div.attrs({ className: 'bik-footer' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 56px;\n\tpadding: 12px 16px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const FooterHint = styled.div.attrs({ className: 'bik-footer-hint' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n`;\n\nexport const FooterActions = styled.div.attrs({\n\tclassName: 'bik-footer-actions',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\n// ── Step rail items ─────────────────────────────────────────────────────────\n\nexport const RailList = styled.div.attrs({ className: 'bik-rail-list' })`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const RailItem = styled.button.attrs({ className: 'bik-rail-item' })`\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 8px;\n\t/* Bottom padding leaves room for the connector down to the next badge. */\n\tpadding: 0 0 24px;\n\tborder: none;\n\tbackground: transparent;\n\tcursor: pointer;\n\ttext-align: left;\n\twidth: 100%;\n\n\t&:last-child {\n\t\tpadding-bottom: 0;\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* Dashed connector line between consecutive step badges (centered on the badge). */\n\t&:not(:last-child)::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 9px;\n\t\ttop: 20px;\n\t\twidth: 0;\n\t\theight: 24px;\n\t\tborder-left: 1px dashed #e0e0e0;\n\t\tpointer-events: none;\n\t}\n`;\n\nexport const StepBadge = styled.div.attrs({ className: 'bik-step-badge' })<{\n\tstate: 'active' | 'complete' | 'inactive';\n}>`\n\twidth: 20px;\n\theight: 20px;\n\tflex-shrink: 0;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tbackground: ${(p) =>\n\t\tp.state === 'complete'\n\t\t\t? COLORS.content.brand\n\t\t\t: p.state === 'active'\n\t\t\t? COLORS.background.brandTint\n\t\t\t: '#F0F0F0'};\n\tcolor: ${(p) =>\n\t\tp.state === 'complete'\n\t\t\t? COLORS.content.primaryInverse\n\t\t\t: p.state === 'active'\n\t\t\t? COLORS.content.brand\n\t\t\t: COLORS.content.placeholder};\n`;\n\n// ── Shared step pieces ──────────────────────────────────────────────────────\n\nexport const SectionHeaderWrap = styled.div.attrs({\n\tclassName: 'bik-section-header-wrap',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmargin-bottom: 20px;\n`;\n\nexport const FieldBlock = styled.div.attrs({ className: 'bik-field-block' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tmargin-bottom: 20px;\n`;\n\nexport const FieldLabelRow = styled.div.attrs({\n\tclassName: 'bik-field-label-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\n// ── Labelled text area ──────────────────────────────────────────────────────\n\nexport const AiTextAreaShell = styled.div.attrs({\n\tclassName: 'bik-ai-text-area-shell',\n})<{\n\tfocused?: boolean;\n\tminHeight?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder: 1px solid\n\t\t${(p) => (p.focused ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tborder-radius: 4px;\n\tpadding: 8px 12px;\n\tgap: 8px;\n\tmin-height: ${(p) => p.minHeight ?? '120px'};\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const AiTextAreaInput = styled.textarea.attrs({\n\tclassName: 'bik-ai-text-area-input',\n})`\n\tflex: 1;\n\tborder: none;\n\toutline: none;\n\tresize: none;\n\tfont-family: Inter;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tcolor: ${COLORS.content.primary};\n\tbackground: transparent;\n\tmin-height: 60px;\n\n\t&::placeholder {\n\t\tcolor: ${COLORS.content.placeholder};\n\t}\n`;\n\n// ── Radio card (Step 2 / Step 4 option cards) ───────────────────────────────\n\nexport const CardRow = styled.div.attrs({ className: 'bik-card-row' })`\n\tdisplay: flex;\n\tgap: 12px;\n\tmargin-bottom: 16px;\n`;\n\nexport const RadioCard = styled.button.attrs({ className: 'bik-radio-card' })<{\n\tselected?: boolean;\n}>`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 12px;\n\tpadding: 16px;\n\tborder: 1px solid\n\t\t${(p) => (p.selected ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tbackground: ${(p) =>\n\t\tp.selected ? COLORS.background.brandLight : COLORS.surface.standard};\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttext-align: left;\n\twidth: 100%;\n`;\n\nexport const RadioCardText = styled.div.attrs({\n\tclassName: 'bik-radio-card-text',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\n// ── Intent chips (Step 2) ───────────────────────────────────────────────────\n\nexport const ChipWrap = styled.div.attrs({ className: 'bik-chip-wrap' })`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const IntentChip = styled.div.attrs({ className: 'bik-intent-chip' })`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 4px 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const ChipCloseButton = styled.button.attrs({\n\tclassName: 'bik-chip-close-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n`;\n\nexport const AddChipButton = styled.button.attrs({\n\tclassName: 'bik-add-chip-button',\n})`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 4px 8px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: transparent;\n\tcursor: pointer;\n`;\n\n// ── Step 3 two-column layout + tool / sub-agent rows ────────────────────────\n\nexport const Step3Grid = styled.div.attrs({ className: 'bik-step3-grid' })`\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0, 1fr) 300px;\n\tgap: 24px;\n\n\t@media (max-width: 1100px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n`;\n\nexport const Step3Main = styled.div.attrs({ className: 'bik-step3-main' })`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const Step3Side = styled.div.attrs({ className: 'bik-step3-side' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n`;\n\nexport const SideSection = styled.div.attrs({ className: 'bik-side-section' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const SideSectionHeader = styled.div.attrs({\n\tclassName: 'bik-side-section-header',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\nexport const AddIconButton = styled.button.attrs({\n\tclassName: 'bik-add-icon-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const SelectableRow = styled.div.attrs({\n\tclassName: 'bik-selectable-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px 12px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const RowText = styled.div.attrs({ className: 'bik-row-text' })`\n\tflex: 1;\n\tmin-width: 0;\n`;\n\nexport const RowRemoveButton = styled.button.attrs({\n\tclassName: 'bik-row-remove-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n`;\n\n// ── Go-live modal ───────────────────────────────────────────────────────────\n\nexport const ModalBody = styled.div.attrs({ className: 'bik-modal-body' })`\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 16px;\n\ttext-align: center;\n`;\n\nexport const ModalIcon = styled.div.attrs({ className: 'bik-modal-icon' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 4px;\n`;\n\nexport const ModalActions = styled.div.attrs({\n\tclassName: 'bik-modal-actions',\n})`\n\tdisplay: flex;\n\tgap: 12px;\n\twidth: 100%;\n`;\n"],"names":["BuilderRoot","styled","COLORS","TopBar","TopBarSide","BackButton","Main","Rail","Content","ContentCard","Footer","FooterHint","FooterActions","RailList","RailItem","StepBadge","p","SectionHeaderWrap","FieldBlock","FieldLabelRow","AiTextAreaShell","AiTextAreaInput","CardRow","RadioCard","RadioCardText","ChipWrap","IntentChip","ChipCloseButton","AddChipButton","Step3Grid","Step3Main","Step3Side","SideSection","SideSectionHeader","AddIconButton","SelectableRow","RowText","RowRemoveButton","ModalBody","ModalIcon","ModalActions"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("../../../assets/icons/info.svg.js"),b=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),o=require("../AgentBuilder.styled.js"),p=require("../context/AgentBuilderContext.js"),e=require("../../button/Button.js"),y=({footerHint:i,onTestAgent:n,onGoLive:s,isPublishing:l})=>{const{isFirstStep:u,isLastStep:a,goPrev:c,goNext:d,isActiveStepValid:x}=p.useAgentBuilderContext();return t.jsxs(o.Footer,{children:[t.jsxs(o.FooterHint,{children:[t.jsx(g.default,{width:16,height:16,color:r.COLORS.content.placeholder}),t.jsx(b.BodySecondary,{color:r.COLORS.content.placeholder,children:i})]}),t.jsxs(o.FooterActions,{children:[!u&&t.jsx(e.Button,{"data-test":"agent-builder-back-step",buttonType:"text",size:"small",buttonText:"Back",onClick:c}),a?t.jsxs(t.Fragment,{children:[n&&t.jsx(e.Button,{"data-test":"agent-builder-test",buttonType:"secondary",size:"small",buttonText:"Test agent",onClick:n}),t.jsx(e.Button,{"data-test":"agent-builder-go-live",buttonType:"primary",size:"small",buttonText:"Go live",isLoading:l,onClick:s})]}):t.jsx(e.Button,{"data-test":"agent-builder-next",buttonType:"primary",size:"small",buttonText:"Next",disabled:!x,onClick:d})]})]})};exports.AgentBuilderFooter=y;
|
|
2
|
-
//# sourceMappingURL=AgentBuilderFooter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AgentBuilderFooter.js","sources":["../../../../../src/components/agent-builder/components/AgentBuilderFooter.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport { Button } from '@src/components/button';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Footer, FooterActions, FooterHint } from '../AgentBuilder.styled';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\ninterface AgentBuilderFooterProps {\n\tfooterHint: string;\n\tonTestAgent?: () => void;\n\t/** Opens the go-live confirmation. */\n\tonGoLive: () => void;\n\tisPublishing?: boolean;\n}\n\nexport const AgentBuilderFooter: React.FC<AgentBuilderFooterProps> = ({\n\tfooterHint,\n\tonTestAgent,\n\tonGoLive,\n\tisPublishing,\n}) => {\n\tconst { isFirstStep, isLastStep, goPrev, goNext, isActiveStepValid } =\n\t\tuseAgentBuilderContext();\n\n\treturn (\n\t\t<Footer>\n\t\t\t<FooterHint>\n\t\t\t\t<InfoIcon width={16} height={16} color={COLORS.content.placeholder} />\n\t\t\t\t<BodySecondary color={COLORS.content.placeholder}>\n\t\t\t\t\t{footerHint}\n\t\t\t\t</BodySecondary>\n\t\t\t</FooterHint>\n\n\t\t\t<FooterActions>\n\t\t\t\t{!isFirstStep && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"agent-builder-back-step\"\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonText=\"Back\"\n\t\t\t\t\t\tonClick={goPrev}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{isLastStep ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{onTestAgent && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test=\"agent-builder-test\"\n\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tbuttonText=\"Test agent\"\n\t\t\t\t\t\t\t\tonClick={onTestAgent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test=\"agent-builder-go-live\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tbuttonText=\"Go live\"\n\t\t\t\t\t\t\tisLoading={isPublishing}\n\t\t\t\t\t\t\tonClick={onGoLive}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"agent-builder-next\"\n\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonText=\"Next\"\n\t\t\t\t\t\tdisabled={!isActiveStepValid}\n\t\t\t\t\t\tonClick={goNext}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</FooterActions>\n\t\t</Footer>\n\t);\n};\n"],"names":["AgentBuilderFooter","footerHint","onTestAgent","onGoLive","isPublishing","isFirstStep","isLastStep","goPrev","goNext","isActiveStepValid","useAgentBuilderContext","Footer","jsxs","FooterHint","jsx","InfoIcon","COLORS","BodySecondary","FooterActions","Button","Fragment"],"mappings":"6WAgBaA,EAAwD,CAAC,CACrE,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,CACD,IAAM,CACL,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,OAAAC,EAAQ,OAAAC,EAAQ,kBAAAC,CAAA,EAChDC,yBAAA,EAED,cACEC,SAAA,CACA,SAAA,CAAAC,OAACC,EAAAA,WAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAS,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAAA,OAAO,QAAQ,WAAA,CAAa,QACnEC,EAAAA,cAAA,CAAc,MAAOD,EAAAA,OAAO,QAAQ,YACnC,SAAAf,CAAA,CACF,CAAA,EACD,SAECiB,EAAAA,cAAA,CACC,SAAA,CAAA,CAACb,GACDS,EAAAA,IAACK,EAAAA,OAAA,CACA,YAAU,0BACV,WAAW,OACX,KAAK,QACL,WAAW,OACX,QAASZ,CAAA,CAAA,EAIVD,EACAM,EAAAA,KAAAQ,WAAA,CACE,SAAA,CAAAlB,GACAY,EAAAA,IAACK,EAAAA,OAAA,CACA,YAAU,qBACV,WAAW,YACX,KAAK,QACL,WAAW,aACX,QAASjB,CAAA,CAAA,EAGXY,EAAAA,IAACK,EAAAA,OAAA,CACA,YAAU,wBACV,WAAW,UACX,KAAK,QACL,WAAW,UACX,UAAWf,EACX,QAASD,CAAA,CAAA,CACV,CAAA,CACD,EAEAW,EAAAA,IAACK,EAAAA,OAAA,CACA,YAAU,qBACV,WAAW,UACX,KAAK,QACL,WAAW,OACX,SAAU,CAACV,EACX,QAASD,CAAA,CAAA,CACV,CAAA,CAEF,CAAA,EACD,CAEF"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../assets/icons/arrow_left.svg.js"),g=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),t=require("../AgentBuilder.styled.js"),T=require("../../tag/Tag.js"),n=require("../../button/Button.js"),p=({name:s,status:o,onBack:r,onDiscard:l,onSaveDraft:u,isSaving:d})=>{const a=o==="live";return e.jsxs(t.TopBar,{children:[e.jsxs(t.TopBarSide,{children:[r&&e.jsx(t.BackButton,{"data-test":"agent-builder-back",onClick:r,"aria-label":"Back",children:e.jsx(c.default,{width:20,height:20,color:i.COLORS.content.primary})}),e.jsx(g.TitleRegular,{color:i.COLORS.content.primary,children:s||"Untitled agent"}),e.jsx(T.Tag,{tagText:a?"Live":"Draft",type:a?"positive":"neutral",variant:"regular"})]}),e.jsxs(t.TopBarSide,{children:[e.jsx(n.Button,{"data-test":"agent-builder-discard",buttonType:"text",size:"small",buttonText:"Discard",onClick:l}),e.jsx(n.Button,{"data-test":"agent-builder-save-draft",buttonType:"secondary",size:"small",buttonText:"Save as draft",isLoading:d,onClick:u})]})]})};exports.AgentBuilderTopBar=p;
|
|
2
|
-
//# sourceMappingURL=AgentBuilderTopBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AgentBuilderTopBar.js","sources":["../../../../../src/components/agent-builder/components/AgentBuilderTopBar.tsx"],"sourcesContent":["import ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport React from 'react';\nimport { Button } from '@src/components/button';\nimport { Tag } from '@src/components/tag';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentStatus } from '../AgentBuilder.model';\nimport { BackButton, TopBar, TopBarSide } from '../AgentBuilder.styled';\n\ninterface AgentBuilderTopBarProps {\n\tname: string;\n\tstatus: AgentStatus;\n\tonBack?: () => void;\n\tonDiscard: () => void;\n\tonSaveDraft: () => void;\n\tisSaving?: boolean;\n}\n\nexport const AgentBuilderTopBar: React.FC<AgentBuilderTopBarProps> = ({\n\tname,\n\tstatus,\n\tonBack,\n\tonDiscard,\n\tonSaveDraft,\n\tisSaving,\n}) => {\n\tconst isLive = status === 'live';\n\treturn (\n\t\t<TopBar>\n\t\t\t<TopBarSide>\n\t\t\t\t{onBack && (\n\t\t\t\t\t<BackButton\n\t\t\t\t\t\tdata-test=\"agent-builder-back\"\n\t\t\t\t\t\tonClick={onBack}\n\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ArrowLeftIcon\n\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BackButton>\n\t\t\t\t)}\n\t\t\t\t<TitleRegular color={COLORS.content.primary}>\n\t\t\t\t\t{name || 'Untitled agent'}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={isLive ? 'Live' : 'Draft'}\n\t\t\t\t\ttype={isLive ? 'positive' : 'neutral'}\n\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t/>\n\t\t\t</TopBarSide>\n\n\t\t\t<TopBarSide>\n\t\t\t\t<Button\n\t\t\t\t\tdata-test=\"agent-builder-discard\"\n\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText=\"Discard\"\n\t\t\t\t\tonClick={onDiscard}\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\tdata-test=\"agent-builder-save-draft\"\n\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\tisLoading={isSaving}\n\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t/>\n\t\t\t</TopBarSide>\n\t\t</TopBar>\n\t);\n};\n"],"names":["AgentBuilderTopBar","name","status","onBack","onDiscard","onSaveDraft","isSaving","isLive","TopBar","jsxs","TopBarSide","jsx","BackButton","ArrowLeftIcon","COLORS","TitleRegular","Tag","Button"],"mappings":"kWAkBaA,EAAwD,CAAC,CACrE,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,CACD,IAAM,CACL,MAAMC,EAASL,IAAW,OAC1B,cACEM,SAAA,CACA,SAAA,CAAAC,OAACC,EAAAA,WAAA,CACC,SAAA,CAAAP,GACAQ,EAAAA,IAACC,EAAAA,WAAA,CACA,YAAU,qBACV,QAAST,EACT,aAAW,OAEX,SAAAQ,EAAAA,IAACE,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOC,EAAAA,OAAO,QAAQ,OAAA,CAAA,CACvB,CAAA,QAGDC,EAAAA,aAAA,CAAa,MAAOD,EAAAA,OAAO,QAAQ,QAClC,YAAQ,iBACV,EACAH,EAAAA,IAACK,EAAAA,IAAA,CACA,QAAST,EAAS,OAAS,QAC3B,KAAMA,EAAS,WAAa,UAC5B,QAAQ,SAAA,CAAA,CACT,EACD,SAECG,EAAAA,WAAA,CACA,SAAA,CAAAC,EAAAA,IAACM,EAAAA,OAAA,CACA,YAAU,wBACV,WAAW,OACX,KAAK,QACL,WAAW,UACX,QAASb,CAAA,CAAA,EAEVO,EAAAA,IAACM,EAAAA,OAAA,CACA,YAAU,2BACV,WAAW,YACX,KAAK,QACL,WAAW,gBACX,UAAWX,EACX,QAASD,CAAA,CAAA,CACV,CAAA,CACD,CAAA,EACD,CAEF"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("react"),n=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),t=require("../AgentBuilder.styled.js"),j=({label:c,value:r,onChange:i,maxLength:s,placeholder:a,minHeight:u,disabled:d,...x})=>{const[h,o]=A.useState(!1);return e.jsxs(t.FieldBlock,{children:[e.jsxs(t.FieldLabelRow,{children:[e.jsx(n.TitleSmall,{color:l.COLORS.content.primary,children:c}),e.jsxs(n.BodyCaption,{color:l.COLORS.content.secondary,children:[r.length,"/",s]})]}),e.jsx(t.AiTextAreaShell,{focused:h,minHeight:u,children:e.jsx(t.AiTextAreaInput,{"data-test":x["data-test"],value:r,placeholder:a,maxLength:s,disabled:d,onFocus:()=>o(!0),onBlur:()=>o(!1),onChange:y=>i(y.target.value)})})]})};exports.AiTextArea=j;
|
|
2
|
-
//# sourceMappingURL=AiTextArea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AiTextArea.js","sources":["../../../../../src/components/agent-builder/components/AiTextArea.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAiTextAreaInput,\n\tAiTextAreaShell,\n\tFieldBlock,\n\tFieldLabelRow,\n} from '../AgentBuilder.styled';\n\ninterface AiTextAreaProps {\n\tlabel: string;\n\tvalue: string;\n\tonChange: (value: string) => void;\n\tmaxLength: number;\n\tplaceholder?: string;\n\tminHeight?: string;\n\tdisabled?: boolean;\n\t'data-test'?: string;\n}\n\n/** Labelled textarea with a live character counter. */\nexport const AiTextArea: React.FC<AiTextAreaProps> = ({\n\tlabel,\n\tvalue,\n\tonChange,\n\tmaxLength,\n\tplaceholder,\n\tminHeight,\n\tdisabled,\n\t...rest\n}) => {\n\tconst [focused, setFocused] = useState(false);\n\n\treturn (\n\t\t<FieldBlock>\n\t\t\t<FieldLabelRow>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{value.length}/{maxLength}\n\t\t\t\t</BodyCaption>\n\t\t\t</FieldLabelRow>\n\n\t\t\t<AiTextAreaShell focused={focused} minHeight={minHeight}>\n\t\t\t\t<AiTextAreaInput\n\t\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonFocus={() => setFocused(true)}\n\t\t\t\t\tonBlur={() => setFocused(false)}\n\t\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\t/>\n\t\t\t</AiTextAreaShell>\n\t\t</FieldBlock>\n\t);\n};\n"],"names":["AiTextArea","label","value","onChange","maxLength","placeholder","minHeight","disabled","rest","focused","setFocused","useState","FieldBlock","jsxs","FieldLabelRow","jsx","TitleSmall","COLORS","BodyCaption","AiTextAreaShell","AiTextAreaInput","e"],"mappings":"8PAsBaA,EAAwC,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACJ,IAAM,CACL,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5C,cACEC,aAAA,CACA,SAAA,CAAAC,OAACC,EAAAA,cAAA,CACA,SAAA,CAAAC,MAACC,EAAAA,WAAA,CAAW,MAAOC,EAAAA,OAAO,QAAQ,QAAU,SAAAhB,EAAM,EAClDY,EAAAA,KAACK,EAAAA,YAAA,CAAY,MAAOD,EAAAA,OAAO,QAAQ,UACjC,SAAA,CAAAf,EAAM,OAAO,IAAEE,CAAA,CAAA,CACjB,CAAA,EACD,EAEAW,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,QAAAV,EAAkB,UAAAH,EAClC,SAAAS,EAAAA,IAACK,EAAAA,gBAAA,CACA,YAAWZ,EAAK,WAAW,EAC3B,MAAAN,EACA,YAAAG,EACA,UAAAD,EACA,SAAAG,EACA,QAAS,IAAMG,EAAW,EAAI,EAC9B,OAAQ,IAAMA,EAAW,EAAK,EAC9B,SAAWW,GAAMlB,EAASkB,EAAE,OAAO,KAAK,CAAA,CAAA,CACzC,CACD,CAAA,EACD,CAEF"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),a=require("../AgentBuilder.styled.js"),c=require("../../modals/styledModal.js"),o=require("../../button/Button.js"),u=({open:n,onClose:s,onDiscard:d,onSaveDraft:i,isSaving:l})=>n?t.jsx(c.StyledModal,{"data-test":"agent-discard-modal",open:!0,onClose:s,width:"530px",children:t.jsxs(a.ModalBody,{style:{alignItems:"flex-start",textAlign:"left"},children:[t.jsx(e.TitleRegular,{color:r.COLORS.content.primary,children:"Save agent as draft?"}),t.jsx(e.BodySecondary,{color:r.COLORS.content.secondary,children:"Your progress will be lost if you leave. You can save as draft and come back to this later."}),t.jsxs(a.ModalActions,{children:[t.jsx(o.Button,{"data-test":"agent-discard-leave",buttonType:"secondary",size:"medium",matchParentWidth:!0,buttonText:"Discard",onClick:d}),t.jsx(o.Button,{"data-test":"agent-discard-save-draft",buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Save as draft",isLoading:l,onClick:i})]})]})}):null;exports.DiscardModal=u;
|
|
2
|
-
//# sourceMappingURL=DiscardModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DiscardModal.js","sources":["../../../../../src/components/agent-builder/components/DiscardModal.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ModalActions, ModalBody } from '../AgentBuilder.styled';\n\ninterface DiscardModalProps {\n\topen: boolean;\n\t/** Dismiss the dialog and stay on the builder (X / outside click). */\n\tonClose: () => void;\n\t/** Leave without saving. */\n\tonDiscard: () => void;\n\t/** Save the draft, then leave. */\n\tonSaveDraft: () => void;\n\tisSaving?: boolean;\n}\n\n/**\n * \"Save agent as draft?\" confirmation shown when the user tries to leave the\n * builder (Back). Actions live inside the body (see GoLiveModal for why we avoid\n * StyledModal's footer). Content is left-aligned per design.\n */\nexport const DiscardModal: React.FC<DiscardModalProps> = ({\n\topen,\n\tonClose,\n\tonDiscard,\n\tonSaveDraft,\n\tisSaving,\n}) => {\n\tif (!open) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test=\"agent-discard-modal\"\n\t\t\topen\n\t\t\tonClose={onClose}\n\t\t\twidth=\"530px\"\n\t\t>\n\t\t\t<ModalBody style={{ alignItems: 'flex-start', textAlign: 'left' }}>\n\t\t\t\t<TitleRegular color={COLORS.content.primary}>\n\t\t\t\t\tSave agent as draft?\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\tYour progress will be lost if you leave. You can save as draft and\n\t\t\t\t\tcome back to this later.\n\t\t\t\t</BodySecondary>\n\n\t\t\t\t<ModalActions>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"agent-discard-leave\"\n\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\tbuttonText=\"Discard\"\n\t\t\t\t\t\tonClick={onDiscard}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-test=\"agent-discard-save-draft\"\n\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\t\tisLoading={isSaving}\n\t\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t\t/>\n\t\t\t\t</ModalActions>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DiscardModal","open","onClose","onDiscard","onSaveDraft","isSaving","jsx","StyledModal","jsxs","ModalBody","TitleRegular","COLORS","BodySecondary","ModalActions","Button"],"mappings":"wTAuBaA,EAA4C,CAAC,CACzD,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,CACD,IACMJ,EAKJK,EAAAA,IAACC,EAAAA,YAAA,CACA,YAAU,sBACV,KAAI,GACJ,QAAAL,EACA,MAAM,QAEN,SAAAM,EAAAA,KAACC,aAAU,MAAO,CAAE,WAAY,aAAc,UAAW,QACxD,SAAA,CAAAH,MAACI,EAAAA,aAAA,CAAa,MAAOC,EAAAA,OAAO,QAAQ,QAAS,SAAA,uBAE7C,QACCC,EAAAA,cAAA,CAAc,MAAOD,EAAAA,OAAO,QAAQ,UAAW,SAAA,8FAGhD,SAECE,EAAAA,aAAA,CACA,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,OAAA,CACA,YAAU,sBACV,WAAW,YACX,KAAK,SACL,iBAAgB,GAChB,WAAW,UACX,QAASX,CAAA,CAAA,EAEVG,EAAAA,IAACQ,EAAAA,OAAA,CACA,YAAU,2BACV,WAAW,UACX,KAAK,SACL,iBAAgB,GAChB,WAAW,gBACX,UAAWT,EACX,QAASD,CAAA,CAAA,CACV,CAAA,CACD,CAAA,CAAA,CACD,CAAA,CAAA,EAtCM"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("../../../assets/icons/ManifestGlass.svg.js"),g=require("../../../assets/icons/successIcon.svg.js"),i=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),n=require("../AgentBuilder.styled.js"),m=require("../../modals/styledModal.js"),o=require("../../button/Button.js"),y=({mode:a,onClose:r,onConfirm:d,onSaveDraft:c,onGoToDashboard:u,isPublishing:l})=>{if(!a)return null;const e=a==="success";return t.jsx(m.StyledModal,{"data-test":"agent-go-live-modal",open:!0,onClose:r,width:e?"400px":"520px",children:t.jsxs(n.ModalBody,{children:[t.jsx(n.ModalIcon,{children:e?t.jsx(g.default,{width:64,height:64}):t.jsx(h.default,{width:64,height:64})}),t.jsx(i.TitleRegular,{color:s.COLORS.content.primary,children:e?"Your agent is live!":"Ready to go live?"}),t.jsx(i.BodySecondary,{color:s.COLORS.content.secondary,children:e?"You can manage your agents from the AI agent dashboard.":"This agent will start handling customer conversations immediately. You can pause it at any time."}),t.jsx(n.ModalActions,{children:e?t.jsx(o.Button,{"data-test":"agent-go-dashboard",buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Go to Agent dashboard",onClick:u??r}):t.jsxs(t.Fragment,{children:[t.jsx(o.Button,{"data-test":"agent-confirm-save-draft",buttonType:"secondary",size:"medium",matchParentWidth:!0,buttonText:"Save as draft",onClick:c}),t.jsx(o.Button,{"data-test":"agent-confirm-go-live",buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Go live now",isLoading:l,onClick:d})]})})]})})};exports.GoLiveModal=y;
|
|
2
|
-
//# sourceMappingURL=GoLiveModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GoLiveModal.js","sources":["../../../../../src/components/agent-builder/components/GoLiveModal.tsx"],"sourcesContent":["import ManifestGlass from '@src/assets/icons/ManifestGlass.svg';\nimport SuccessIcon from '@src/assets/icons/successIcon.svg';\nimport React from 'react';\nimport { Button } from '@src/components/button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ModalActions, ModalBody, ModalIcon } from '../AgentBuilder.styled';\n\nexport type GoLiveModalMode = 'confirm' | 'success' | null;\n\ninterface GoLiveModalProps {\n\tmode: GoLiveModalMode;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tonSaveDraft: () => void;\n\tonGoToDashboard?: () => void;\n\tisPublishing?: boolean;\n}\n\n/**\n * Confirm / success dialog for going live. Uses `StyledModal` as the shell but\n * renders the actions INSIDE the body (not StyledModal's footer) — the footer's\n * `margin-top:auto` detaches from this short, centered hero layout and spills\n * out of the card. Body-level actions stay anchored under the content.\n */\nexport const GoLiveModal: React.FC<GoLiveModalProps> = ({\n\tmode,\n\tonClose,\n\tonConfirm,\n\tonSaveDraft,\n\tonGoToDashboard,\n\tisPublishing,\n}) => {\n\tif (!mode) {\n\t\treturn null;\n\t}\n\n\tconst isSuccess = mode === 'success';\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test=\"agent-go-live-modal\"\n\t\t\topen\n\t\t\tonClose={onClose}\n\t\t\twidth={isSuccess ? '400px' : '520px'}\n\t\t\t// centralContainerStyles={{ padding: '24px' }}\n\t\t>\n\t\t\t<ModalBody>\n\t\t\t\t<ModalIcon>\n\t\t\t\t\t{isSuccess ? (\n\t\t\t\t\t\t<SuccessIcon width={64} height={64} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ManifestGlass width={64} height={64} />\n\t\t\t\t\t)}\n\t\t\t\t</ModalIcon>\n\n\t\t\t\t<TitleRegular color={COLORS.content.primary}>\n\t\t\t\t\t{isSuccess ? 'Your agent is live!' : 'Ready to go live?'}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t{isSuccess\n\t\t\t\t\t\t? 'You can manage your agents from the AI agent dashboard.'\n\t\t\t\t\t\t: 'This agent will start handling customer conversations immediately. You can pause it at any time.'}\n\t\t\t\t</BodySecondary>\n\n\t\t\t\t<ModalActions>\n\t\t\t\t\t{isSuccess ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test=\"agent-go-dashboard\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\tbuttonText=\"Go to Agent dashboard\"\n\t\t\t\t\t\t\tonClick={onGoToDashboard ?? onClose}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test=\"agent-confirm-save-draft\"\n\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test=\"agent-confirm-go-live\"\n\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tbuttonText=\"Go live now\"\n\t\t\t\t\t\t\t\tisLoading={isPublishing}\n\t\t\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</ModalActions>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["GoLiveModal","mode","onClose","onConfirm","onSaveDraft","onGoToDashboard","isPublishing","isSuccess","jsx","StyledModal","ModalBody","ModalIcon","SuccessIcon","ManifestGlass","TitleRegular","COLORS","BodySecondary","ModalActions","Button","jsxs","Fragment"],"mappings":"saA0BaA,EAA0C,CAAC,CACvD,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,aAAAC,CACD,IAAM,CACL,GAAI,CAACL,EACJ,OAAO,KAGR,MAAMM,EAAYN,IAAS,UAE3B,OACCO,EAAAA,IAACC,EAAAA,YAAA,CACA,YAAU,sBACV,KAAI,GACJ,QAAAP,EACA,MAAOK,EAAY,QAAU,QAG7B,gBAACG,YAAA,CACA,SAAA,CAAAF,MAACG,EAAAA,UAAA,CACC,SAAAJ,EACAC,EAAAA,IAACI,EAAAA,QAAA,CAAY,MAAO,GAAI,OAAQ,GAAI,QAEnCC,EAAAA,QAAA,CAAc,MAAO,GAAI,OAAQ,GAAI,EAExC,EAEAL,EAAAA,IAACM,EAAAA,cAAa,MAAOC,SAAO,QAAQ,QAClC,SAAAR,EAAY,sBAAwB,mBAAA,CACtC,EACAC,EAAAA,IAACQ,EAAAA,eAAc,MAAOD,SAAO,QAAQ,UACnC,SAAAR,EACE,0DACA,kGAAA,CACJ,EAEAC,EAAAA,IAACS,EAAAA,cACC,SAAAV,EACAC,EAAAA,IAACU,EAAAA,OAAA,CACA,YAAU,qBACV,WAAW,UACX,KAAK,SACL,iBAAgB,GAChB,WAAW,wBACX,QAASb,GAAmBH,CAAA,CAAA,EAG7BiB,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAZ,EAAAA,IAACU,EAAAA,OAAA,CACA,YAAU,2BACV,WAAW,YACX,KAAK,SACL,iBAAgB,GAChB,WAAW,gBACX,QAASd,CAAA,CAAA,EAEVI,EAAAA,IAACU,EAAAA,OAAA,CACA,YAAU,wBACV,WAAW,UACX,KAAK,SACL,iBAAgB,GAChB,WAAW,cACX,UAAWZ,EACX,QAASH,CAAA,CAAA,CACV,CAAA,CACD,CAAA,CAEF,CAAA,CAAA,CACD,CAAA,CAAA,CAGH"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),p=require("../../TypographyStyle.js"),S=require("../../../constants/Theme.js"),u=require("../AgentBuilder.styled.js"),y=require("../constants/charLimits.js"),C=require("../constants/editorStyle.js"),f=require("../context/AgentBuilderContext.js"),s=require("../utils/mentionSerialization.js"),q=require("./MentionPicker.js"),I=require("../../../editor/BikEditor.js"),R=()=>{const{value:e,patch:r,availableTools:c,availableSubAgents:a,applicationType:d,instructionsResetKey:l}=f.useAgentBuilderContext(),g=i.useRef(null),[x,h]=i.useState(e.instructions.length),m=i.useMemo(()=>s.buildAgentMentionItems(c,a,s.appTypeLabel(d)),[c,a,d]),b=i.useMemo(()=>s.instructionsToEditorHtml(e.instructions,m),[e.id,l]);i.useEffect(()=>h(e.instructions.length),[l]);const A=()=>{const t=g.current?.getJSON()??null;r({instructions:s.editorDocToInstructions(t,c)})};return n.jsxs(u.FieldBlock,{children:[n.jsxs(u.FieldLabelRow,{children:[n.jsx(p.TitleSmall,{color:S.COLORS.content.primary,children:"Instructions"}),n.jsxs(p.BodyCaption,{color:S.COLORS.content.secondary,children:[x,"/",y.AGENT_CHAR_LIMITS.instructions]})]}),n.jsx(u.AiTextAreaShell,{minHeight:"200px",children:n.jsx(I.BikEditor,{ref:g,initialContent:b,placeholder:"Write what this agent should do. Type @ to reference a tool or sub-agent.",maxCharacters:y.AGENT_CHAR_LIMITS.instructions,minHeight:"140px",maxHeight:"320px",style:{border:"none"},editorStyle:C.AGENT_EDITOR_STYLE,mentions:{agents:m,removeTriggerOnDismiss:!0,renderDropdown:t=>n.jsx(q.MentionPicker,{...t}),onSelect:t=>{const T=t.meta?.kind,o=String(t.id);T==="tool"?e.tools.includes(o)||r({tools:[...e.tools,o]}):T==="subagent"&&(e.subagents.includes(o)||r({subagents:[...e.subagents,o]}))}},onChange:t=>{h(t.characterCount),A()}},`${e.id}:${l}`)})]})};exports.InstructionsField=R;
|
|
2
|
-
//# sourceMappingURL=InstructionsField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InstructionsField.js","sources":["../../../../../src/components/agent-builder/components/InstructionsField.tsx"],"sourcesContent":["import { BikEditor, BikEditorRef } from '@src/editor';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAiTextAreaShell,\n\tFieldBlock,\n\tFieldLabelRow,\n} from '../AgentBuilder.styled';\nimport { AGENT_CHAR_LIMITS } from '../constants/charLimits';\nimport { AGENT_EDITOR_STYLE } from '../constants/editorStyle';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\nimport {\n\tappTypeLabel,\n\tbuildAgentMentionItems,\n\teditorDocToInstructions,\n\tinstructionsToEditorHtml,\n\tMentionKindMeta,\n} from '../utils/mentionSerialization';\nimport { MentionPicker } from './MentionPicker';\n\nexport const InstructionsField: React.FC = () => {\n\tconst {\n\t\tvalue,\n\t\tpatch,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tapplicationType,\n\t\tinstructionsResetKey,\n\t} = useAgentBuilderContext();\n\n\tconst editorRef = useRef<BikEditorRef>(null);\n\tconst [count, setCount] = useState(value.instructions.length);\n\n\tconst mentionItems = useMemo(\n\t\t() =>\n\t\t\tbuildAgentMentionItems(\n\t\t\t\tavailableTools,\n\t\t\t\tavailableSubAgents,\n\t\t\t\tappTypeLabel(applicationType),\n\t\t\t),\n\t\t[availableTools, availableSubAgents, applicationType],\n\t);\n\n\t// Mount-only initial HTML; recomputed (and the editor remounted via `key`)\n\t// when the agent changes OR `instructionsResetKey` bumps after an external\n\t// edit (e.g. a tool removed from the side list). `mentionItems` (read here)\n\t// rehydrates stored {{tool}}/{{subagent}} tokens into chips.\n\tconst initialHtml = useMemo(\n\t\t() => instructionsToEditorHtml(value.instructions, mentionItems),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[value.id, instructionsResetKey],\n\t);\n\n\t// Keep the counter honest after an external edit remounts the editor.\n\tuseEffect(\n\t\t() => setCount(value.instructions.length),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[instructionsResetKey],\n\t);\n\n\tconst syncFromEditor = () => {\n\t\tconst doc = editorRef.current?.getJSON() ?? null;\n\t\tpatch({ instructions: editorDocToInstructions(doc, availableTools) });\n\t};\n\n\treturn (\n\t\t<FieldBlock>\n\t\t\t<FieldLabelRow>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>Instructions</TitleSmall>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{count}/{AGENT_CHAR_LIMITS.instructions}\n\t\t\t\t</BodyCaption>\n\t\t\t</FieldLabelRow>\n\n\t\t\t<AiTextAreaShell minHeight=\"200px\">\n\t\t\t\t<BikEditor\n\t\t\t\t\tkey={`${value.id}:${instructionsResetKey}`}\n\t\t\t\t\tref={editorRef}\n\t\t\t\t\tinitialContent={initialHtml}\n\t\t\t\t\tplaceholder=\"Write what this agent should do. Type @ to reference a tool or sub-agent.\"\n\t\t\t\t\tmaxCharacters={AGENT_CHAR_LIMITS.instructions}\n\t\t\t\t\tminHeight=\"140px\"\n\t\t\t\t\tmaxHeight=\"320px\"\n\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\teditorStyle={AGENT_EDITOR_STYLE}\n\t\t\t\t\tmentions={{\n\t\t\t\t\t\tagents: mentionItems,\n\t\t\t\t\t\tremoveTriggerOnDismiss: true,\n\t\t\t\t\t\trenderDropdown: (props) => <MentionPicker {...props} />,\n\t\t\t\t\t\tonSelect: (item) => {\n\t\t\t\t\t\t\tconst kind = (item.meta as unknown as MentionKindMeta | undefined)\n\t\t\t\t\t\t\t\t?.kind;\n\t\t\t\t\t\t\tconst id = String(item.id);\n\t\t\t\t\t\t\tif (kind === 'tool') {\n\t\t\t\t\t\t\t\tif (!value.tools.includes(id)) {\n\t\t\t\t\t\t\t\t\tpatch({ tools: [...value.tools, id] });\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (kind === 'subagent') {\n\t\t\t\t\t\t\t\tif (!value.subagents.includes(id)) {\n\t\t\t\t\t\t\t\t\tpatch({ subagents: [...value.subagents, id] });\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tonChange={(snapshot) => {\n\t\t\t\t\t\tsetCount(snapshot.characterCount);\n\t\t\t\t\t\tsyncFromEditor();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</AiTextAreaShell>\n\t\t</FieldBlock>\n\t);\n};\n"],"names":["InstructionsField","value","patch","availableTools","availableSubAgents","applicationType","instructionsResetKey","useAgentBuilderContext","editorRef","useRef","count","setCount","useState","mentionItems","useMemo","buildAgentMentionItems","appTypeLabel","initialHtml","instructionsToEditorHtml","useEffect","syncFromEditor","doc","editorDocToInstructions","FieldBlock","jsxs","FieldLabelRow","jsx","TitleSmall","COLORS","BodyCaption","AGENT_CHAR_LIMITS","AiTextAreaShell","BikEditor","AGENT_EDITOR_STYLE","props","MentionPicker","item","kind","id","snapshot"],"mappings":"sfAqBaA,EAA8B,IAAM,CAChD,KAAM,CACL,MAAAC,EACA,MAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,qBAAAC,CAAA,EACGC,yBAAA,EAEEC,EAAYC,EAAAA,OAAqB,IAAI,EACrC,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASX,EAAM,aAAa,MAAM,EAEtDY,EAAeC,EAAAA,QACpB,IACCC,EAAAA,uBACCZ,EACAC,EACAY,EAAAA,aAAaX,CAAe,CAAA,EAE9B,CAACF,EAAgBC,EAAoBC,CAAe,CAAA,EAO/CY,EAAcH,EAAAA,QACnB,IAAMI,2BAAyBjB,EAAM,aAAcY,CAAY,EAE/D,CAACZ,EAAM,GAAIK,CAAoB,CAAA,EAIhCa,EAAAA,UACC,IAAMR,EAASV,EAAM,aAAa,MAAM,EAExC,CAACK,CAAoB,CAAA,EAGtB,MAAMc,EAAiB,IAAM,CAC5B,MAAMC,EAAMb,EAAU,SAAS,QAAA,GAAa,KAC5CN,EAAM,CAAE,aAAcoB,EAAAA,wBAAwBD,EAAKlB,CAAc,EAAG,CACrE,EAEA,cACEoB,aAAA,CACA,SAAA,CAAAC,OAACC,EAAAA,cAAA,CACA,SAAA,CAAAC,MAACC,EAAAA,WAAA,CAAW,MAAOC,EAAAA,OAAO,QAAQ,QAAS,SAAA,eAAY,EACvDJ,EAAAA,KAACK,EAAAA,YAAA,CAAY,MAAOD,EAAAA,OAAO,QAAQ,UACjC,SAAA,CAAAlB,EAAM,IAAEoB,oBAAkB,YAAA,CAAA,CAC5B,CAAA,EACD,EAEAJ,EAAAA,IAACK,EAAAA,gBAAA,CAAgB,UAAU,QAC1B,SAAAL,EAAAA,IAACM,EAAAA,UAAA,CAEA,IAAKxB,EACL,eAAgBS,EAChB,YAAY,4EACZ,cAAea,EAAAA,kBAAkB,aACjC,UAAU,QACV,UAAU,QACV,MAAO,CAAE,OAAQ,MAAA,EACjB,YAAaG,EAAAA,mBACb,SAAU,CACT,OAAQpB,EACR,uBAAwB,GACxB,eAAiBqB,GAAUR,EAAAA,IAACS,EAAAA,cAAA,CAAe,GAAGD,EAAO,EACrD,SAAWE,GAAS,CACnB,MAAMC,EAAQD,EAAK,MAChB,KACGE,EAAK,OAAOF,EAAK,EAAE,EACrBC,IAAS,OACPpC,EAAM,MAAM,SAASqC,CAAE,GAC3BpC,EAAM,CAAE,MAAO,CAAC,GAAGD,EAAM,MAAOqC,CAAE,EAAG,EAE5BD,IAAS,aACdpC,EAAM,UAAU,SAASqC,CAAE,GAC/BpC,EAAM,CAAE,UAAW,CAAC,GAAGD,EAAM,UAAWqC,CAAE,EAAG,EAGhD,CAAA,EAED,SAAWC,GAAa,CACvB5B,EAAS4B,EAAS,cAAc,EAChCnB,EAAA,CACD,CAAA,EA/BK,GAAGnB,EAAM,EAAE,IAAIK,CAAoB,EAAA,CAgCzC,CACD,CAAA,EACD,CAEF"}
|