@xapp/form-widget 1.63.1 → 1.64.1
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/App.d.ts +2 -2
- package/dist/api/stentor-api.d.ts +1 -1
- package/dist/components/Form/Form.d.ts +14 -0
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/FormWidget/FormWidget.d.ts +8 -0
- package/dist/components/FormWidget/index.d.ts +1 -0
- package/dist/components/WidgetStylesheet/WidgetStylesheet.d.ts +3 -3
- package/dist/components/index.d.ts +2 -2
- package/dist/config/{search-config.d.ts → form-widget-config.d.ts} +1 -1
- package/dist/config/index.d.ts +2 -2
- package/dist/config/theme.d.ts +1 -1
- package/dist/index.css +1 -811
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +14 -14
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +16 -16
- package/dist/index.js.map +1 -1
- package/dist/stories/ThemeBuilder/WidgetThemeBuilder/WidgetThemeBuilder.d.ts +4 -4
- package/dist/stories/config.d.ts +5 -5
- package/dist/stories/random-theme.d.ts +3 -3
- package/dist/utils/SearchWidgetConfigContext.d.ts +2 -2
- package/package.json +4 -4
- package/dist/components/Search/Search.d.ts +0 -14
- package/dist/components/Search/index.d.ts +0 -1
- package/dist/components/SearchWidget/SearchWidget.d.ts +0 -8
- package/dist/components/SearchWidget/index.d.ts +0 -1
- /package/dist/components/{Search/Search.stories.d.ts → Form/Form.stories.d.ts} +0 -0
- /package/dist/components/{SearchWidget/SearchWidget.stories.d.ts → FormWidget/FormWidget.stories.d.ts} +0 -0
package/dist/index.js
CHANGED
|
@@ -100131,12 +100131,12 @@ var SuggestionsItemActions = function () {
|
|
|
100131
100131
|
};
|
|
100132
100132
|
|
|
100133
100133
|
var AUDIO_WAIT_NOTHING = 0, AUDIO_WAIT_CLOSE = 1, AUDIO_WAIT_MINIMIZE = 2;
|
|
100134
|
-
var
|
|
100134
|
+
var FormWidget = function (props) {
|
|
100135
100135
|
var config = props.config;
|
|
100136
100136
|
return (React__default$1["default"].createElement(SearchWidgetConfigContext.Provider, { value: config },
|
|
100137
|
-
React__default$1["default"].createElement(
|
|
100137
|
+
React__default$1["default"].createElement(FormWidgetRaw, null)));
|
|
100138
100138
|
};
|
|
100139
|
-
var
|
|
100139
|
+
var FormWidgetRaw = function () {
|
|
100140
100140
|
var _a = useSearchStore(), state = _a[0], dispatch = _a[1];
|
|
100141
100141
|
var _b = useLoading(), loading = _b.loading, run = _b.run;
|
|
100142
100142
|
var query = state.query, response = state.response, responseQuery = state.responseQuery, autoGreeting = state.autoGreeting, active = state.active;
|
|
@@ -100319,16 +100319,16 @@ var SearchWidgetRaw = function () {
|
|
|
100319
100319
|
setAudioOn(isOn);
|
|
100320
100320
|
};
|
|
100321
100321
|
var displayContainer = !!query.text || !!response;
|
|
100322
|
-
return (React__default$1["default"].createElement("div", { className: "xapp-
|
|
100322
|
+
return (React__default$1["default"].createElement("div", { className: "xapp-form-widget" },
|
|
100323
100323
|
!config.autoGreeting && React__default$1["default"].createElement(SearchInputContainer, { autoFocus: true, audioOn: audioOn, onPrev: handlePrev, onNext: handleNext, onSubmit: handleSubmit, onCancel: handleCancel, onSearch: handleSearch }),
|
|
100324
|
-
displayContainer && (React__default$1["default"].createElement("div", { className: "xapp-
|
|
100324
|
+
displayContainer && (React__default$1["default"].createElement("div", { className: "xapp-form-widget__content" }, loading ? (React__default$1["default"].createElement("div", { className: "xapp-form-widget__spinner" },
|
|
100325
100325
|
React__default$1["default"].createElement(SpinnerIcon, null))) : (React__default$1["default"].createElement(React__default$1["default"].Fragment, null,
|
|
100326
100326
|
response &&
|
|
100327
|
-
React__default$1["default"].createElement(SearchResponse, { response: response, className: "xapp-
|
|
100327
|
+
React__default$1["default"].createElement(SearchResponse, { response: response, className: "xapp-form-widget__response", onActionClick: handleActionClick, onActionResponse: handleActionResponse, onAudioChange: handleAudioChange }),
|
|
100328
100328
|
query.text !== responseQuery && !!(result === null || result === void 0 ? void 0 : result.length) &&
|
|
100329
100329
|
React__default$1["default"].createElement("div", { className: "xapp-search-suggestions-container" },
|
|
100330
|
-
React__default$1["default"].createElement(SearchResult, { result: result, className: "xapp-
|
|
100331
|
-
!!handleCancel && (React__default$1["default"].createElement("div", { className: "xapp-
|
|
100330
|
+
React__default$1["default"].createElement(SearchResult, { result: result, className: "xapp-form-widget__result", onItemClick: handleItemClick, onItemUse: handleItemUse, index: index })))))),
|
|
100331
|
+
!!handleCancel && (React__default$1["default"].createElement("div", { className: "xapp-form-widget__close", onClick: handleClose }, "\u2715"))));
|
|
100332
100332
|
};
|
|
100333
100333
|
|
|
100334
100334
|
function buildStyleContent(theme) {
|
|
@@ -100575,11 +100575,11 @@ var ChatButton = function (props) {
|
|
|
100575
100575
|
};
|
|
100576
100576
|
|
|
100577
100577
|
function noop() { }
|
|
100578
|
-
var
|
|
100578
|
+
var FormContainer = function (props) {
|
|
100579
100579
|
return (React__default$1["default"].createElement(SearchStoreProvider, null,
|
|
100580
|
-
React__default$1["default"].createElement(
|
|
100580
|
+
React__default$1["default"].createElement(Form, { config: props.config, theme: props.theme, button: props.button, buttonElementLookup: props.buttonElementLookup })));
|
|
100581
100581
|
};
|
|
100582
|
-
var
|
|
100582
|
+
var Form = function (props) {
|
|
100583
100583
|
var config = props.config, theme = props.theme;
|
|
100584
100584
|
var buttonId = React$c.useRef("");
|
|
100585
100585
|
var dispatch = useSearchDispatch();
|
|
@@ -100648,19 +100648,19 @@ var Search = function (props) {
|
|
|
100648
100648
|
// no button prop provided so use default search container
|
|
100649
100649
|
button = (React__default$1["default"].createElement(SearchInputContainer, { onPrev: noop, onNext: noop, onSubmit: noop, onFocus: handleFocus, audioOn: false }));
|
|
100650
100650
|
}
|
|
100651
|
-
return (React__default$1["default"].createElement("div", { className: "xapp-
|
|
100651
|
+
return (React__default$1["default"].createElement("div", { className: "xapp-form" },
|
|
100652
100652
|
React__default$1["default"].createElement(WidgetStylesheet, { theme: theme }),
|
|
100653
100653
|
button,
|
|
100654
100654
|
minimized && (React__default$1["default"].createElement(ChatButton, { onClick: handleHide })),
|
|
100655
100655
|
active && (React__default$1["default"].createElement(ModalDialog, { onClose: handleClose },
|
|
100656
|
-
React__default$1["default"].createElement(
|
|
100656
|
+
React__default$1["default"].createElement(FormWidget, { config: config })))));
|
|
100657
100657
|
};
|
|
100658
100658
|
|
|
100659
|
+
exports.Form = Form;
|
|
100660
|
+
exports.FormContainer = FormContainer;
|
|
100661
|
+
exports.FormWidget = FormWidget;
|
|
100659
100662
|
exports.LeftAngleIcon = LeftAngleIcon;
|
|
100660
100663
|
exports.RightAngleIcon = RightAngleIcon;
|
|
100661
|
-
exports.Search = Search;
|
|
100662
|
-
exports.SearchContainer = SearchContainer;
|
|
100663
100664
|
exports.SearchIcon = SearchIcon;
|
|
100664
|
-
exports.SearchWidget = SearchWidget;
|
|
100665
100665
|
exports.SpinnerIcon = SpinnerIcon;
|
|
100666
100666
|
//# sourceMappingURL=index.js.map
|