@empathyco/x-components 3.0.0-alpha.325 → 3.0.0-alpha.327

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/design-system/full-theme.css +63 -63
  3. package/docs/build-search-ui/web-archetype-integration-guide.md +1 -0
  4. package/docs/experience-search-and-discovery/related-tags.md +23 -8
  5. package/package.json +10 -11
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
3
3
  All notable changes to this project will be documented in this file. See
4
4
  [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.0.0-alpha.327](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.326...@empathyco/x-components@3.0.0-alpha.327) (2023-03-07)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **deps:** remove `only-allow` pnpm (#1097)
11
+ ([b2a63d3](https://github.com/empathyco/x/commit/b2a63d308f20804d55a266189ab5d6242f88f6d8)),
12
+ closes [EX-8082](https://searchbroker.atlassian.net/browse/EX-8082)
13
+
14
+ ### Documentation
15
+
16
+ - **related-tags:** added curation options (#1095)
17
+ ([ab458c7](https://github.com/empathyco/x/commit/ab458c767fc508f4c1cfd4362589a408a09cfbc9))
18
+
19
+ # Change Log
20
+
21
+ All notable changes to this project will be documented in this file. See
22
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
23
+
24
+ ## [3.0.0-alpha.326](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.325...@empathyco/x-components@3.0.0-alpha.326) (2023-03-06)
25
+
26
+ ### Documentation
27
+
28
+ - **integration:** add close api function (#1096)
29
+ ([2602e90](https://github.com/empathyco/x/commit/2602e90cf05eea95707d15ea0dac2a319fee6604))
30
+
31
+ # Change Log
32
+
33
+ All notable changes to this project will be documented in this file. See
34
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
35
+
6
36
  ## [3.0.0-alpha.325](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.324...@empathyco/x-components@3.0.0-alpha.325) (2023-03-02)
7
37
 
8
38
  **Note:** Version bump only for package @empathyco/x-components
package/design-system/full-theme.css CHANGED
@@ -1910,27 +1910,6 @@
1910
1910
  .x-message > p {
1911
1911
  margin: 0;
1912
1912
  }
1913
- :root {
1914
- --x-string-justify-message-default: center;
1915
- --x-size-gap-message-default: var(--x-size-base-03);
1916
- --x-size-padding-message-default: var(--x-size-base-06);
1917
- --x-color-background-message-default: var(--x-color-base-neutral-95);
1918
- --x-color-border-message-default: var(--x-color-background-message-default);
1919
- --x-color-text-message-default: var(--x-color-text-default);
1920
- --x-size-border-radius-message-default: var(--x-size-border-radius-base-m);
1921
- --x-size-border-radius-top-left-message-default: var(--x-size-border-radius-message-default);
1922
- --x-size-border-radius-top-right-message-default: var(--x-size-border-radius-message-default);
1923
- --x-size-border-radius-bottom-right-message-default: var(--x-size-border-radius-message-default);
1924
- --x-size-border-radius-bottom-left-message-default: var(--x-size-border-radius-message-default);
1925
- --x-size-border-width-message-default: var(--x-size-border-width-base);
1926
- --x-size-border-width-top-message-default: var(--x-size-border-width-message-default);
1927
- --x-size-border-width-right-message-default: var(--x-size-border-width-message-default);
1928
- --x-size-border-width-bottom-message-default: var(--x-size-border-width-message-default);
1929
- --x-size-border-width-left-message-default: var(--x-size-border-width-message-default);
1930
- --x-font-family-message-default: var(--x-font-family-title3);
1931
- --x-size-font-message-default: var(--x-size-font-title3);
1932
- --x-number-font-weight-message-default: var(--x-number-font-weight-title3);
1933
- }
1934
1913
  .x-option-list--bottom.x-option-list,
1935
1914
  .x-option-list--bottom .x-option-list {
1936
1915
  --x-color-text-option-list-button-default: var(--x-color-text-option-list-button-bottom);
@@ -4990,6 +4969,49 @@
4990
4969
  .x-fill--transparent {
4991
4970
  fill: var(--x-color-base-transparent) !important;
4992
4971
  }
4972
+ .x-flex-1 {
4973
+ flex: 1 1 0% !important;
4974
+ }
4975
+
4976
+ .x-flex-auto {
4977
+ flex: 1 1 auto !important;
4978
+ }
4979
+
4980
+ .x-flex-initial {
4981
+ flex: 0 1 auto !important;
4982
+ }
4983
+
4984
+ .x-flex-no-shrink {
4985
+ flex: 1 0 auto !important;
4986
+ }
4987
+
4988
+ .x-flex-none {
4989
+ flex: none !important;
4990
+ }
4991
+
4992
+ .x-self-auto {
4993
+ align-self: auto !important;
4994
+ }
4995
+
4996
+ .x-self-start {
4997
+ align-self: flex-start !important;
4998
+ }
4999
+
5000
+ .x-self-end {
5001
+ align-self: flex-end !important;
5002
+ }
5003
+
5004
+ .x-self-center {
5005
+ align-self: center !important;
5006
+ }
5007
+
5008
+ .x-self-stretch {
5009
+ align-self: stretch !important;
5010
+ }
5011
+
5012
+ .x-self-baseline {
5013
+ align-self: baseline !important;
5014
+ }
4993
5015
  .x-line-clamp--2 {
4994
5016
  overflow: hidden !important;
4995
5017
  display: -webkit-box !important;
@@ -5947,46 +5969,24 @@
5947
5969
  position: sticky !important;
5948
5970
  }
5949
5971
 
5950
- .x-flex-1 {
5951
- flex: 1 1 0% !important;
5952
- }
5953
-
5954
- .x-flex-auto {
5955
- flex: 1 1 auto !important;
5956
- }
5957
-
5958
- .x-flex-initial {
5959
- flex: 0 1 auto !important;
5960
- }
5961
-
5962
- .x-flex-no-shrink {
5963
- flex: 1 0 auto !important;
5964
- }
5965
-
5966
- .x-flex-none {
5967
- flex: none !important;
5968
- }
5969
-
5970
- .x-self-auto {
5971
- align-self: auto !important;
5972
- }
5973
-
5974
- .x-self-start {
5975
- align-self: flex-start !important;
5976
- }
5977
-
5978
- .x-self-end {
5979
- align-self: flex-end !important;
5980
- }
5981
-
5982
- .x-self-center {
5983
- align-self: center !important;
5984
- }
5985
-
5986
- .x-self-stretch {
5987
- align-self: stretch !important;
5988
- }
5989
-
5990
- .x-self-baseline {
5991
- align-self: baseline !important;
5972
+ :root {
5973
+ --x-string-justify-message-default: center;
5974
+ --x-size-gap-message-default: var(--x-size-base-03);
5975
+ --x-size-padding-message-default: var(--x-size-base-06);
5976
+ --x-color-background-message-default: var(--x-color-base-neutral-95);
5977
+ --x-color-border-message-default: var(--x-color-background-message-default);
5978
+ --x-color-text-message-default: var(--x-color-text-default);
5979
+ --x-size-border-radius-message-default: var(--x-size-border-radius-base-m);
5980
+ --x-size-border-radius-top-left-message-default: var(--x-size-border-radius-message-default);
5981
+ --x-size-border-radius-top-right-message-default: var(--x-size-border-radius-message-default);
5982
+ --x-size-border-radius-bottom-right-message-default: var(--x-size-border-radius-message-default);
5983
+ --x-size-border-radius-bottom-left-message-default: var(--x-size-border-radius-message-default);
5984
+ --x-size-border-width-message-default: var(--x-size-border-width-base);
5985
+ --x-size-border-width-top-message-default: var(--x-size-border-width-message-default);
5986
+ --x-size-border-width-right-message-default: var(--x-size-border-width-message-default);
5987
+ --x-size-border-width-bottom-message-default: var(--x-size-border-width-message-default);
5988
+ --x-size-border-width-left-message-default: var(--x-size-border-width-message-default);
5989
+ --x-font-family-message-default: var(--x-font-family-title3);
5990
+ --x-size-font-message-default: var(--x-size-font-title3);
5991
+ --x-number-font-weight-message-default: var(--x-number-font-weight-title3);
5992
5992
  }
package/docs/build-search-ui/web-archetype-integration-guide.md CHANGED
@@ -305,6 +305,7 @@ functions to integrate Interface X in your website. You can access these fu
305
305
  | ------------------ | ------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
306
306
  | `init` | [snippet configuration params](#snippet-configuration) - _Required_. Initialization options | [Initializes Interface X on demand](#initializing-interface-x-project-on-demand). |
307
307
  | `search` | `query` - _Optional_. Query to open Interface X | Executes Interface X and triggers a search with the given query. |
308
+ | `close` | none | Closes Interface X search layer. |
308
309
  | `setSnippetConfig` | [snippet configuration params](#snippet-configuration) - _Required_. Initialization options | Changes initialization options so that all components react to the changes, i.e. changing both search engine and language without reloading the page. |
309
310
  | `addProductToCart` | `productId` - _Optional._ Id of the product added to cart | Sends tracking of the `AddToCart` event to the [Empathy Tagging microservice](https://docs.empathy.co/develop-empathy-platform/capture-interaction-signals/tagging-api-guide.html) for the product displayed on screen. This function is called from the product detail page (PDP) when the shopper clicks on the add-to-cart button. If the `productId` is not provided, the URL detects whether the shopper found the product via a search session or not. |
310
311
 
package/docs/experience-search-and-discovery/related-tags.md CHANGED
@@ -8,23 +8,34 @@ tags:
8
8
  The Related Tags UI component helps your shoppers to refine a specific search query and find what
9
9
  they’re looking for with just one click. They only appear after the search process is completed, and
10
10
  the results appear to fine-tune the search with extra information and get highly relevant results.
11
- They are shown as labels usually at the top of the results page, but can be displayed anywhere
12
- instead.
11
+ They are shown as labels usually at the top of the search engine results page (SERP), but Empathy
12
+ Platform Interface X supports displaying them anywhere on the SERP instead.
13
13
 
14
14
  ![Related Tags](~@assets/x/interface/x-related-tags.gif)
15
15
 
16
+ ::: interact
17
+
18
+ Can't quite capture the concept? Learn more about
19
+ [Related Tags](../features/related-tags-overview.md).
20
+
21
+ :::
22
+
23
+ Related Tags can be **organic**, using information on the terms most used by shoppers to refine a
24
+ query. Otherwise, you can create manually **curated** related tags, based on your business needs, by
25
+ using the Related Tags management tool in the Empathy Platform Playboard.
26
+
16
27
  ::: warning
17
28
 
18
- Related Tags are generated using collective shopper behavior to identify associated terms used to
19
- refine a search query. For a correct performance, make sure that your current search service
20
- supports this type of feature.
29
+ Related Tags are generated organically using collective shopper behavior to identify associated
30
+ terms used to refine a search query. For a correct performance, make sure that your current search
31
+ service supports this type of feature.
21
32
 
22
33
  :::
23
34
 
24
35
  ::: interact
25
36
 
26
- Can't quite capture the concept? Learn more about
27
- [Related Tags](../features/related-tags-overview.md).
37
+ Wondering how to create curated related tags in the Empathy Platform Playboard? Check out
38
+ [Manage Related Tags](/explore-empathy-platform/fine-tune-search-and-discovery/manage-related-tags.md).
28
39
 
29
40
  :::
30
41
 
@@ -37,11 +48,15 @@ Can't quite capture the concept? Learn more about
37
48
  - Show as many Related Tags as you want.
38
49
  - Animate the display of Related Tags at your ease.
39
50
  - Customize content. Show whatever you need: text, images, icons.
51
+ - Display curated related tags differently to organic related tags for shoppers to clearly identify
52
+ which of them have been willfully created as a sign of transparency.
53
+
40
54
  <!-- - Choose if Related Tags are selectable or change the syntax of the initial query in the search box. -->
41
55
 
42
56
  ::: interact
43
57
 
44
58
  Want to know more? Learn how to
45
- [configure](/develop-empathy-platform/ui-reference/components/related-tags/) your web experience.
59
+ [configure](/develop-empathy-platform/ui-reference/components/related-tags/) your web experience
60
+ using the X Components available for Related Tags.
46
61
 
47
62
  :::
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "3.0.0-alpha.325",
3
+ "version": "3.0.0-alpha.327",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -43,7 +43,6 @@
43
43
  "node": ">=16"
44
44
  },
45
45
  "scripts": {
46
- "preinstall": "npx only-allow pnpm",
47
46
  "serve": "vue-cli-service serve",
48
47
  "build": "ts-node --project ./build/tsconfig.json ./build/build.ts",
49
48
  "build:website": "vue-cli-service build",
@@ -68,12 +67,12 @@
68
67
  "prepublishOnly": "pnpm run build"
69
68
  },
70
69
  "dependencies": {
71
- "@empathyco/x-adapter": "^8.0.0-alpha.25",
72
- "@empathyco/x-deep-merge": "^1.3.0-alpha.32",
73
- "@empathyco/x-logger": "^1.2.0-alpha.9",
74
- "@empathyco/x-storage-service": "^2.0.0-alpha.9",
75
- "@empathyco/x-types": "^10.0.0-alpha.61",
76
- "@empathyco/x-utils": "^1.0.0-alpha.17",
70
+ "@empathyco/x-adapter": "^8.0.0-alpha.26",
71
+ "@empathyco/x-deep-merge": "^1.3.0-alpha.33",
72
+ "@empathyco/x-logger": "^1.2.0-alpha.10",
73
+ "@empathyco/x-storage-service": "^2.0.0-alpha.10",
74
+ "@empathyco/x-types": "^10.0.0-alpha.62",
75
+ "@empathyco/x-utils": "^1.0.0-alpha.18",
77
76
  "@vue/devtools-api": "~6.4.5",
78
77
  "rxjs": "~7.8.0",
79
78
  "tslib": "~2.4.1",
@@ -90,8 +89,8 @@
90
89
  "@badeball/cypress-cucumber-preprocessor": "~15.0.0",
91
90
  "@bahmutov/cypress-esbuild-preprocessor": "~2.2.0",
92
91
  "@cypress/vue": "~2.2.4",
93
- "@empathyco/x-adapter-platform": "^1.0.0-alpha.64",
94
- "@empathyco/x-tailwindcss": "^1.0.0-alpha.12",
92
+ "@empathyco/x-adapter-platform": "^1.0.0-alpha.65",
93
+ "@empathyco/x-tailwindcss": "^1.0.0-alpha.13",
95
94
  "@microsoft/api-documenter": "~7.21.3",
96
95
  "@microsoft/api-extractor": "~7.33.7",
97
96
  "@rollup/plugin-commonjs": "~24.0.0",
@@ -141,5 +140,5 @@
141
140
  "access": "public",
142
141
  "directory": "dist"
143
142
  },
144
- "gitHead": "bddccf78b97bc7404cfe20e8bdb5fdcff17b3901"
143
+ "gitHead": "17d561179b659fa82195f26392d2a0238d322f29"
145
144
  }