@envive-ai/react-widgets 0.1.2-arthur-3 → 0.1.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/SearchResults/index.cjs +1 -1
- package/dist/SearchZeroState/{index-19CiYvee.d.cts → index-DSFtalZR.d.ts} +1 -1
- package/dist/SearchZeroState/{index-6EaGWYP4.d.ts → index-bEcxYOSF.d.cts} +1 -1
- package/dist/SearchZeroState/index.cjs +131 -57
- package/dist/SearchZeroState/index.js +130 -56
- package/dist/SuggestionBar/index.cjs +2 -2
- package/dist/SuggestionBar/index.js +2 -2
- package/dist/{SuggestionBar-DeMmAK4M.js → SuggestionBar-BHAXhgcd.js} +3 -10
- package/dist/{SuggestionBar-BOThXJvJ.cjs → SuggestionBar-CK5aU2bb.cjs} +4 -11
- package/dist/SuggestionButtonContainer/index.cjs +1 -1
- package/dist/SuggestionButtonContainer/index.js +1 -1
- package/dist/{SuggestionButtonContainer-BeWPpeQk.cjs → SuggestionButtonContainer-Dm38gJiJ.cjs} +3 -3
- package/dist/{SuggestionButtonContainer-CZhOkZaJ.js → SuggestionButtonContainer-s2e9YGW_.js} +2 -2
- package/dist/{chunk-DWy1uDak.cjs → chunk-DSlc6foC.cjs} +10 -6
- package/package.json +16 -8
- package/src/SearchResults/SearchResults.tsx +2 -4
- package/src/SearchResults/SearchResultsWidget.tsx +1 -1
- package/src/SearchResults/types.ts +0 -3
- package/src/SearchZeroState/SearchIcon.tsx +16 -9
- package/src/SearchZeroState/SearchOverlay.tsx +3 -2
- package/src/SearchZeroState/SearchZeroState.tsx +14 -17
- package/src/SearchZeroState/SearchZeroStateWidget.tsx +17 -8
- package/src/SearchZeroState/components/RecommendedProducts.tsx +8 -3
- package/src/SearchZeroState/overlay/overlayHostLocator.ts +2 -4
- package/src/SearchZeroState/types.ts +4 -1
- package/src/SearchZeroState/zeroStateSearchVariants.ts +14 -5
- package/src/SuggestionBar/SuggestionBar.tsx +10 -18
- package/src/SuggestionBar/types.ts +3 -3
- package/src/SuggestionButtonContainer/SuggestionButtonContainer.tsx +8 -17
- package/src/SuggestionButtonContainer/types.ts +3 -4
- package/src/stories/SearchResults.stories.tsx +1 -1
- package/src/stories/SearchZeroState.stories.tsx +10 -2
- package/src/stories/SuggestionBar.stories.tsx +1 -2
- package/src/util/useHorizontalScrollAnimation.ts +1 -1
- /package/dist/SearchResults/{index-D52sX_I2.d.cts → index-CYPV3XE0.d.ts} +0 -0
- /package/dist/SearchResults/{index-D8nrHueo.d.ts → index-DCTxvwmv.d.cts} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_chunk = require('../chunk-
|
|
1
|
+
const require_chunk = require('../chunk-DSlc6foC.cjs');
|
|
2
2
|
let react = require("react");
|
|
3
3
|
let jotai = require("jotai");
|
|
4
4
|
let __envive_ai_react_hooks_atoms_globalSearch = require("@envive-ai/react-hooks/atoms/globalSearch");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import React$1 from "react";
|
|
1
2
|
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
2
3
|
import { SearchEntryPointWidgetConfig, SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
|
|
3
|
-
import React$1 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/SearchZeroState/types.d.ts
|
|
6
6
|
interface SearchZeroStateProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React$1 from "react";
|
|
2
1
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { SearchEntryPointWidgetConfig, SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
|
|
3
|
+
import React$1 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/SearchZeroState/types.d.ts
|
|
6
6
|
interface SearchZeroStateProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const require_chunk = require('../chunk-
|
|
2
|
-
const require_SuggestionBar = require('../SuggestionBar-
|
|
3
|
-
require('../SuggestionButtonContainer-
|
|
1
|
+
const require_chunk = require('../chunk-DSlc6foC.cjs');
|
|
2
|
+
const require_SuggestionBar = require('../SuggestionBar-CK5aU2bb.cjs');
|
|
3
|
+
require('../SuggestionButtonContainer-Dm38gJiJ.cjs');
|
|
4
4
|
let react = require("react");
|
|
5
5
|
react = require_chunk.__toESM(react);
|
|
6
6
|
let __envive_ai_react_hooks_hooks_NewOrgConfig = require("@envive-ai/react-hooks/hooks/NewOrgConfig");
|
|
@@ -20,7 +20,7 @@ let react_dom = require("react-dom");
|
|
|
20
20
|
let __envive_ai_react_hooks_contexts_types = require("@envive-ai/react-hooks/contexts/types");
|
|
21
21
|
let __envive_ai_react_toolkit_ProductGrid = require("@envive-ai/react-toolkit/ProductGrid");
|
|
22
22
|
|
|
23
|
-
//#region
|
|
23
|
+
//#region ../icons/dist/jsx-runtime-X3VJvQR_.js
|
|
24
24
|
var __create = Object.create;
|
|
25
25
|
var __defProp = Object.defineProperty;
|
|
26
26
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -44,6 +44,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
44
44
|
value: mod,
|
|
45
45
|
enumerable: true
|
|
46
46
|
}) : target, mod));
|
|
47
|
+
/**
|
|
48
|
+
* @license React
|
|
49
|
+
* react.production.min.js
|
|
50
|
+
*
|
|
51
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
52
|
+
*
|
|
53
|
+
* This source code is licensed under the MIT license found in the
|
|
54
|
+
* LICENSE file in the root directory of this source tree.
|
|
55
|
+
*/
|
|
47
56
|
var require_react_production_min = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react.production.min.js": ((exports$1) => {
|
|
48
57
|
var l$1 = Symbol.for("react.element"), n$1 = Symbol.for("react.portal"), p$1 = Symbol.for("react.fragment"), q$1 = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), t = Symbol.for("react.provider"), u = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), x = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), z = Symbol.iterator;
|
|
49
58
|
function A(a) {
|
|
@@ -357,8 +366,18 @@ var require_react_production_min = /* @__PURE__ */ __commonJS({ "../../node_modu
|
|
|
357
366
|
};
|
|
358
367
|
exports$1.version = "18.3.1";
|
|
359
368
|
}) });
|
|
369
|
+
/**
|
|
370
|
+
* @license React
|
|
371
|
+
* react.development.js
|
|
372
|
+
*
|
|
373
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
374
|
+
*
|
|
375
|
+
* This source code is licensed under the MIT license found in the
|
|
376
|
+
* LICENSE file in the root directory of this source tree.
|
|
377
|
+
*/
|
|
360
378
|
var require_react_development = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react.development.js": ((exports$1, module$1) => {
|
|
361
379
|
if (process.env.NODE_ENV !== "production") (function() {
|
|
380
|
+
"use strict";
|
|
362
381
|
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(/* @__PURE__ */ new Error());
|
|
363
382
|
var ReactVersion = "18.3.1";
|
|
364
383
|
var REACT_ELEMENT_TYPE = Symbol.for("react.element");
|
|
@@ -1872,8 +1891,17 @@ var require_react = /* @__PURE__ */ __commonJS({ "../../node_modules/react/index
|
|
|
1872
1891
|
if (process.env.NODE_ENV === "production") module$1.exports = require_react_production_min();
|
|
1873
1892
|
else module$1.exports = require_react_development();
|
|
1874
1893
|
}) });
|
|
1894
|
+
/**
|
|
1895
|
+
* @license React
|
|
1896
|
+
* react-jsx-runtime.production.min.js
|
|
1897
|
+
*
|
|
1898
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1899
|
+
*
|
|
1900
|
+
* This source code is licensed under the MIT license found in the
|
|
1901
|
+
* LICENSE file in the root directory of this source tree.
|
|
1902
|
+
*/
|
|
1875
1903
|
var require_react_jsx_runtime_production_min = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react-jsx-runtime.production.min.js": ((exports$1) => {
|
|
1876
|
-
var f = require_react(), k = Symbol.for("react.element"),
|
|
1904
|
+
var f = require_react(), k = Symbol.for("react.element"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = {
|
|
1877
1905
|
key: !0,
|
|
1878
1906
|
ref: !0,
|
|
1879
1907
|
__self: !0,
|
|
@@ -1895,12 +1923,21 @@ var require_react_jsx_runtime_production_min = /* @__PURE__ */ __commonJS({ "../
|
|
|
1895
1923
|
_owner: n.current
|
|
1896
1924
|
};
|
|
1897
1925
|
}
|
|
1898
|
-
exports$1.Fragment = l;
|
|
1899
1926
|
exports$1.jsx = q;
|
|
1900
1927
|
exports$1.jsxs = q;
|
|
1901
1928
|
}) });
|
|
1929
|
+
/**
|
|
1930
|
+
* @license React
|
|
1931
|
+
* react-jsx-runtime.development.js
|
|
1932
|
+
*
|
|
1933
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1934
|
+
*
|
|
1935
|
+
* This source code is licensed under the MIT license found in the
|
|
1936
|
+
* LICENSE file in the root directory of this source tree.
|
|
1937
|
+
*/
|
|
1902
1938
|
var require_react_jsx_runtime_development = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react-jsx-runtime.development.js": ((exports$1) => {
|
|
1903
1939
|
if (process.env.NODE_ENV !== "production") (function() {
|
|
1940
|
+
"use strict";
|
|
1904
1941
|
var React$3 = require_react();
|
|
1905
1942
|
var REACT_ELEMENT_TYPE = Symbol.for("react.element");
|
|
1906
1943
|
var REACT_PORTAL_TYPE = Symbol.for("react.portal");
|
|
@@ -2583,39 +2620,58 @@ var require_jsx_runtime = /* @__PURE__ */ __commonJS({ "../../node_modules/react
|
|
|
2583
2620
|
}) });
|
|
2584
2621
|
|
|
2585
2622
|
//#endregion
|
|
2586
|
-
//#region
|
|
2587
|
-
require_react();
|
|
2623
|
+
//#region ../icons/dist/Sparkles.js
|
|
2588
2624
|
var import_jsx_runtime$3 = /* @__PURE__ */ __toESM(require_jsx_runtime());
|
|
2589
|
-
const SvgSparkles = (props) => /* @__PURE__ */ (0, import_jsx_runtime$3.
|
|
2590
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2625
|
+
const SvgSparkles = (props) => /* @__PURE__ */ (0, import_jsx_runtime$3.jsxs)("svg", {
|
|
2591
2626
|
width: 24,
|
|
2592
2627
|
height: 24,
|
|
2628
|
+
viewBox: "0 0 24 24",
|
|
2593
2629
|
fill: "currentColor",
|
|
2630
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2594
2631
|
...props,
|
|
2595
|
-
children:
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2632
|
+
children: [
|
|
2633
|
+
/* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
|
|
2634
|
+
d: "M8.18658 5.99609L9.47499 9.34597C9.68451 9.89072 9.78927 10.1631 9.95218 10.3922C10.0966 10.5953 10.274 10.7727 10.477 10.9171C10.7061 11.08 10.9785 11.1847 11.5233 11.3943L14.8732 12.6827L11.5233 13.9711C10.9785 14.1806 10.7061 14.2854 10.477 14.4483C10.274 14.5927 10.0966 14.7701 9.95218 14.9731C9.78927 15.2022 9.68451 15.4746 9.47499 16.0194L8.18658 19.3693L6.89816 16.0194C6.68864 15.4746 6.58388 15.2022 6.42097 14.9731C6.27659 14.7701 6.09917 14.5927 5.89612 14.4483C5.66701 14.2854 5.39463 14.1806 4.84988 13.9711L1.5 12.6827L4.84987 11.3943C5.39463 11.1847 5.66701 11.08 5.89612 10.9171C6.09917 10.7727 6.27659 10.5953 6.42097 10.3922C6.58388 10.1631 6.68864 9.89072 6.89816 9.34597L8.18658 5.99609Z",
|
|
2635
|
+
fill: "currentColor",
|
|
2636
|
+
stroke: "currentColor",
|
|
2637
|
+
strokeWidth: 1.11443,
|
|
2638
|
+
strokeLinecap: "round",
|
|
2639
|
+
strokeLinejoin: "round"
|
|
2640
|
+
}),
|
|
2641
|
+
/* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
|
|
2642
|
+
d: "M19.6402 14.3135L20.2844 15.9884C20.3891 16.2608 20.4415 16.397 20.523 16.5115C20.5952 16.6131 20.6839 16.7018 20.7854 16.774C20.8999 16.8554 21.0361 16.9078 21.3085 17.0126L22.9835 17.6568L21.3085 18.301C21.0361 18.4057 20.8999 18.4581 20.7854 18.5396C20.6839 18.6118 20.5952 18.7005 20.523 18.802C20.4415 18.9166 20.3891 19.0527 20.2844 19.3251L19.6402 21.0001L18.996 19.3251C18.8912 19.0527 18.8388 18.9166 18.7574 18.802C18.6852 18.7005 18.5965 18.6118 18.4949 18.5396C18.3804 18.4581 18.2442 18.4057 17.9718 18.301L16.2969 17.6568L17.9718 17.0126C18.2442 16.9078 18.3804 16.8554 18.4949 16.774C18.5965 16.7018 18.6852 16.6131 18.7574 16.5115C18.8388 16.397 18.8912 16.2608 18.996 15.9884L19.6402 14.3135Z",
|
|
2643
|
+
fill: "currentColor",
|
|
2644
|
+
stroke: "currentColor",
|
|
2645
|
+
strokeWidth: 1.11443,
|
|
2646
|
+
strokeLinecap: "round",
|
|
2647
|
+
strokeLinejoin: "round"
|
|
2648
|
+
}),
|
|
2649
|
+
/* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
|
|
2650
|
+
d: "M17.0913 3L17.7355 4.67494C17.8403 4.94732 17.8927 5.0835 17.9741 5.19806C18.0463 5.29959 18.135 5.38829 18.2366 5.46049C18.3511 5.54194 18.4873 5.59432 18.7597 5.69908L20.4346 6.34329L18.7597 6.9875C18.4873 7.09226 18.3511 7.14464 18.2366 7.22609C18.135 7.29829 18.0463 7.38699 17.9741 7.48852C17.8927 7.60308 17.8403 7.73927 17.7355 8.01165L17.0913 9.68658L16.4471 8.01165C16.3424 7.73927 16.29 7.60308 16.2085 7.48852C16.1363 7.38699 16.0476 7.29829 15.9461 7.22609C15.8315 7.14464 15.6954 7.09226 15.423 6.9875L13.748 6.34329L15.423 5.69908C15.6954 5.59432 15.8315 5.54194 15.9461 5.46049C16.0476 5.38829 16.1363 5.29959 16.2085 5.19806C16.29 5.0835 16.3424 4.94731 16.4471 4.67494L17.0913 3Z",
|
|
2651
|
+
fill: "currentColor",
|
|
2652
|
+
stroke: "currentColor",
|
|
2653
|
+
strokeWidth: 1.11443,
|
|
2654
|
+
strokeLinecap: "round",
|
|
2655
|
+
strokeLinejoin: "round"
|
|
2656
|
+
})
|
|
2657
|
+
]
|
|
2602
2658
|
});
|
|
2603
2659
|
var Sparkles_default = SvgSparkles;
|
|
2604
2660
|
|
|
2605
2661
|
//#endregion
|
|
2606
|
-
//#region
|
|
2607
|
-
require_react();
|
|
2662
|
+
//#region ../icons/dist/IconCloseVariant.js
|
|
2608
2663
|
var import_jsx_runtime$2 = /* @__PURE__ */ __toESM(require_jsx_runtime());
|
|
2609
2664
|
const SvgIconCloseVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("svg", {
|
|
2610
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2611
2665
|
viewBox: "0 0 24 24",
|
|
2666
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2612
2667
|
...props,
|
|
2613
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime$2.
|
|
2614
|
-
className: "
|
|
2615
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("path", {
|
|
2668
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime$2.jsxs)("g", {
|
|
2669
|
+
className: "layer",
|
|
2670
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("title", { children: "Layer 1" }), /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("path", {
|
|
2671
|
+
d: "m18.98,2.56l-6.76,6.76l-6.76,-6.76l-2.65,2.65l6.76,6.76l-6.76,6.76l2.65,2.65l6.76,-6.76l6.76,6.76l2.65,-2.65l-6.76,-6.76l6.76,-6.76l-2.65,-2.65z",
|
|
2616
2672
|
fill: "currentColor",
|
|
2617
|
-
|
|
2618
|
-
})
|
|
2673
|
+
id: "svg_2"
|
|
2674
|
+
})]
|
|
2619
2675
|
})
|
|
2620
2676
|
});
|
|
2621
2677
|
var IconCloseVariant_default = SvgIconCloseVariant;
|
|
@@ -2668,6 +2724,7 @@ const SearchOverlay = react.default.forwardRef(({ children, className, dataTestI
|
|
|
2668
2724
|
return node;
|
|
2669
2725
|
}
|
|
2670
2726
|
});
|
|
2727
|
+
SearchOverlay.displayName = "SearchOverlay";
|
|
2671
2728
|
|
|
2672
2729
|
//#endregion
|
|
2673
2730
|
//#region src/SearchZeroState/zeroStateSearchVariants.ts
|
|
@@ -2687,50 +2744,67 @@ const searchZeroStateVariantClasses = {
|
|
|
2687
2744
|
};
|
|
2688
2745
|
|
|
2689
2746
|
//#endregion
|
|
2690
|
-
//#region
|
|
2691
|
-
require_react();
|
|
2747
|
+
//#region ../icons/dist/AiSearchBold.js
|
|
2692
2748
|
var import_jsx_runtime$1 = /* @__PURE__ */ __toESM(require_jsx_runtime());
|
|
2693
2749
|
const SvgAiSearchBold = (props) => /* @__PURE__ */ (0, import_jsx_runtime$1.jsxs)("svg", {
|
|
2694
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2695
2750
|
width: 32,
|
|
2696
2751
|
height: 32,
|
|
2752
|
+
viewBox: "0 0 32 32",
|
|
2697
2753
|
fill: "none",
|
|
2754
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2698
2755
|
...props,
|
|
2699
|
-
children: [
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2756
|
+
children: [
|
|
2757
|
+
/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
|
|
2758
|
+
d: "M25.3445 3.27148L26.448 6.14076C26.6275 6.60736 26.7172 6.84066 26.8568 7.0369C26.9804 7.21083 27.1324 7.36279 27.3063 7.48646C27.5026 7.626 27.7359 7.71573 28.2025 7.89519L31.0717 8.99876L28.2025 10.1023C27.7359 10.2818 27.5026 10.3715 27.3063 10.5111C27.1324 10.6347 26.9804 10.7867 26.8568 10.9606C26.7172 11.1569 26.6275 11.3902 26.448 11.8568L25.3445 14.726L24.2409 11.8568C24.0614 11.3902 23.9717 11.1569 23.8322 10.9606C23.7085 10.7867 23.5565 10.6347 23.3826 10.5111C23.1864 10.3715 22.9531 10.2818 22.4865 10.1023L19.6172 8.99876L22.4865 7.89519C22.9531 7.71573 23.1864 7.626 23.3826 7.48646C23.5565 7.36279 23.7085 7.21083 23.8322 7.0369C23.9717 6.84066 24.0614 6.60736 24.2409 6.14076L25.3445 3.27148Z",
|
|
2759
|
+
fill: "#AB1212",
|
|
2760
|
+
stroke: "#AB1212",
|
|
2761
|
+
strokeLinecap: "round",
|
|
2762
|
+
strokeLinejoin: "round"
|
|
2763
|
+
}),
|
|
2764
|
+
/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
|
|
2765
|
+
d: "M18.8072 5.46891C17.3865 4.5308 15.6938 3.96698 13.8663 3.92165C8.67511 3.79287 4.3624 7.89679 4.23363 13.088C4.10485 18.2792 8.20877 22.592 13.4 22.7207C17.8631 22.8314 21.6768 19.8136 22.7407 15.6659",
|
|
2766
|
+
stroke: "#111111",
|
|
2767
|
+
strokeWidth: 2,
|
|
2768
|
+
strokeLinecap: "round"
|
|
2769
|
+
}),
|
|
2770
|
+
/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
|
|
2771
|
+
d: "M19.312 21.2498L24.1245 26.4999",
|
|
2772
|
+
stroke: "#111111",
|
|
2773
|
+
strokeWidth: 2,
|
|
2774
|
+
strokeLinecap: "round"
|
|
2775
|
+
})
|
|
2776
|
+
]
|
|
2711
2777
|
});
|
|
2712
2778
|
var AiSearchBold_default = SvgAiSearchBold;
|
|
2713
2779
|
|
|
2714
2780
|
//#endregion
|
|
2715
|
-
//#region
|
|
2716
|
-
require_react();
|
|
2781
|
+
//#region ../icons/dist/AiSearchThin.js
|
|
2717
2782
|
var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
|
|
2718
2783
|
const SvgAiSearchThin = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
|
|
2719
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2720
2784
|
width: 26,
|
|
2721
2785
|
height: 23,
|
|
2786
|
+
viewBox: "0 0 26 23",
|
|
2722
2787
|
fill: "none",
|
|
2788
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2723
2789
|
...props,
|
|
2724
|
-
children: [
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2790
|
+
children: [
|
|
2791
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
|
|
2792
|
+
d: "M19.1063 1.14819L19.9991 3.46956C20.1443 3.84706 20.2169 4.03581 20.3298 4.19458C20.4298 4.3353 20.5528 4.45824 20.6935 4.55829C20.8523 4.67118 21.041 4.74378 21.4185 4.88897L23.7399 5.78181L21.4185 6.67464C21.041 6.81984 20.8523 6.89243 20.6935 7.00532C20.5528 7.10538 20.4298 7.22832 20.3298 7.36904C20.2169 7.5278 20.1443 7.71656 19.9991 8.09406L19.1063 10.4154L18.2134 8.09406C18.0682 7.71656 17.9956 7.5278 17.8828 7.36903C17.7827 7.22832 17.6598 7.10538 17.519 7.00532C17.3603 6.89243 17.1715 6.81984 16.794 6.67464L14.4727 5.78181L16.794 4.88897C17.1715 4.74378 17.3603 4.67118 17.519 4.55829C17.6598 4.45824 17.7827 4.3353 17.8828 4.19458C17.9956 4.03581 18.0682 3.84706 18.2134 3.46956L19.1063 1.14819Z",
|
|
2793
|
+
stroke: "currentColor",
|
|
2794
|
+
strokeLinecap: "round",
|
|
2795
|
+
strokeLinejoin: "round"
|
|
2796
|
+
}),
|
|
2797
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
|
|
2798
|
+
d: "M13.1079 2.92848C11.9585 2.16951 10.589 1.71336 9.1105 1.67668C4.91057 1.5725 1.4214 4.89275 1.31721 9.09268C1.21303 13.2926 4.53328 16.7818 8.73321 16.886C12.344 16.9755 15.4295 14.534 16.2902 11.1783",
|
|
2799
|
+
stroke: "currentColor",
|
|
2800
|
+
strokeLinecap: "round"
|
|
2801
|
+
}),
|
|
2802
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
|
|
2803
|
+
d: "M15.5439 17.7734L19.1358 21.7072",
|
|
2804
|
+
stroke: "currentColor",
|
|
2805
|
+
strokeLinecap: "round"
|
|
2806
|
+
})
|
|
2807
|
+
]
|
|
2734
2808
|
});
|
|
2735
2809
|
var AiSearchThin_default = SvgAiSearchThin;
|
|
2736
2810
|
|
|
@@ -2900,7 +2974,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
|
|
|
2900
2974
|
variant: "t3",
|
|
2901
2975
|
children: searchOverlayHeading
|
|
2902
2976
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Sparkles_default, {
|
|
2903
|
-
className: "
|
|
2977
|
+
className: "spiffy-tw-ml-2 spiffy-tw-h-[36px] spiffy-tw-w-[24px] sm:spiffy-tw-h-[45px] sm:spiffy-tw-w-[36px]",
|
|
2904
2978
|
color: sparklesIconColor,
|
|
2905
2979
|
stroke: "2px"
|
|
2906
2980
|
})]
|
|
@@ -2910,11 +2984,11 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
|
|
|
2910
2984
|
})]
|
|
2911
2985
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
2912
2986
|
onClick: handleClose,
|
|
2913
|
-
className: "spiffy-tw-absolute spiffy-tw-
|
|
2987
|
+
className: "spiffy-tw-absolute spiffy-tw-right-4 spiffy-tw-top-4 sm:spiffy-tw-right-8 sm:spiffy-tw-top-8",
|
|
2914
2988
|
"aria-label": "Close search",
|
|
2915
2989
|
type: "button",
|
|
2916
2990
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCloseVariant_default, {
|
|
2917
|
-
className: "spiffy-tw-
|
|
2991
|
+
className: "spiffy-tw-h-[20px] spiffy-tw-w-[20px] sm:spiffy-tw-h-[28px] sm:spiffy-tw-w-[28px]",
|
|
2918
2992
|
strokeWidth: "2px"
|
|
2919
2993
|
})
|
|
2920
2994
|
})] }),
|
|
@@ -2935,7 +3009,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
|
|
|
2935
3009
|
onSearchInputBlur
|
|
2936
3010
|
}),
|
|
2937
3011
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.AnimatePresence, { children: [initialSuggestions && initialSuggestions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
|
|
2938
|
-
className: "spiffy-tw-
|
|
3012
|
+
className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
|
|
2939
3013
|
initial: { opacity: 0 },
|
|
2940
3014
|
animate: { opacity: 1 },
|
|
2941
3015
|
exit: { opacity: 0 },
|