@useinsider/guido 3.0.0 → 3.1.0-beta.65e69dd

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 (106) hide show
  1. package/dist/components/Guido.vue.js +4 -4
  2. package/dist/components/Guido.vue2.js +91 -81
  3. package/dist/components/organisms/header/EditorActions.vue.js +10 -8
  4. package/dist/components/organisms/header/EditorActions.vue2.js +41 -31
  5. package/dist/components/organisms/header/MigrationConfirmModal.vue.js +17 -0
  6. package/dist/components/organisms/header/MigrationConfirmModal.vue2.js +39 -0
  7. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +1 -1
  8. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +1 -1
  9. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +1 -1
  10. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +2 -2
  11. package/dist/composables/useToaster.js +12 -10
  12. package/dist/config/compiler/unsubscribeCompilerRules.js +14 -14
  13. package/dist/config/compiler/utils/recommendationCompilerUtils.js +29 -18
  14. package/dist/config/i18n/en/labels.json.js +8 -3
  15. package/dist/config/migrator/itemsBlockMigrator.js +135 -131
  16. package/dist/config/migrator/recommendationMigrator.js +58 -54
  17. package/dist/enums/block.js +4 -0
  18. package/dist/extensions/Blocks/Items/block.js +30 -21
  19. package/dist/extensions/Blocks/Items/iconsRegistry.js +7 -6
  20. package/dist/extensions/Blocks/Items/items.css.js +48 -0
  21. package/dist/extensions/Blocks/Recommendation/block.js +64 -34
  22. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +1 -1
  23. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +1 -1
  24. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +36 -34
  25. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +15 -12
  26. package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +4 -4
  27. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +693 -144
  28. package/dist/extensions/Blocks/Recommendation/controls/customAttribute/index.js +78 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +15 -15
  30. package/dist/extensions/Blocks/Recommendation/controls/main/currency.js +24 -24
  31. package/dist/extensions/Blocks/Recommendation/controls/main/filters.js +2 -2
  32. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +107 -78
  33. package/dist/extensions/Blocks/Recommendation/controls/{layout/index.js → main/layoutOrientation.js} +34 -23
  34. package/dist/extensions/Blocks/Recommendation/controls/main/locale.js +2 -2
  35. package/dist/extensions/Blocks/Recommendation/controls/main/productCount.js +58 -0
  36. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +150 -64
  37. package/dist/extensions/Blocks/Recommendation/controls/main/shuffle.js +2 -2
  38. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +202 -200
  39. package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js +25 -8
  40. package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +6 -5
  41. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +8 -8
  42. package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +21 -21
  43. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +13 -13
  44. package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +17 -17
  45. package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +94 -100
  46. package/dist/extensions/Blocks/Recommendation/controls/syncInfoMessage.js +65 -0
  47. package/dist/extensions/Blocks/Recommendation/extension.js +20 -18
  48. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +5 -4
  49. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +209 -2
  50. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +135 -111
  51. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +9 -7
  52. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +63 -34
  53. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +25 -28
  54. package/dist/extensions/Blocks/Recommendation/templates/index.js +8 -8
  55. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +28 -13
  56. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +25 -44
  57. package/dist/extensions/Blocks/Recommendation/templates/utils.js +62 -38
  58. package/dist/extensions/Blocks/common-control.js +96 -39
  59. package/dist/guido.css +1 -1
  60. package/dist/src/@types/extensions/block.d.ts +2 -0
  61. package/dist/src/App.vue.d.ts +3 -1
  62. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -1
  63. package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts +6 -0
  64. package/dist/src/components/wrappers/WpModal.vue.d.ts +2 -2
  65. package/dist/src/enums/block.d.ts +4 -0
  66. package/dist/src/extensions/Blocks/Items/block.d.ts +3 -1
  67. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +4 -1
  68. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +2 -1
  69. package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts +9 -1
  70. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
  71. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +10 -0
  72. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +134 -44
  73. package/dist/src/extensions/Blocks/Recommendation/controls/customAttribute/index.d.ts +105 -0
  74. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +3 -2
  75. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +5 -1
  76. package/dist/src/extensions/Blocks/Recommendation/controls/{layout/index.d.ts → main/layoutOrientation.d.ts} +3 -3
  77. package/dist/src/extensions/Blocks/Recommendation/controls/main/productCount.d.ts +28 -0
  78. package/dist/src/extensions/Blocks/Recommendation/controls/main/productLayout.d.ts +38 -20
  79. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +6 -2
  80. package/dist/src/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.d.ts +23 -1
  81. package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts +8 -18
  82. package/dist/src/extensions/Blocks/Recommendation/controls/syncInfoMessage.d.ts +34 -0
  83. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +2 -0
  84. package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +1 -1
  85. package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +1 -1
  86. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +10 -4
  87. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +37 -2
  88. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +13 -0
  89. package/dist/src/extensions/Blocks/common-control.d.ts +29 -2
  90. package/dist/src/stores/template.d.ts +29 -0
  91. package/dist/src/utils/migrationBannerHtml.d.ts +2 -0
  92. package/dist/static/assets/info.svg.js +5 -0
  93. package/dist/static/styles/base.css.js +7 -2
  94. package/dist/static/styles/components/wide-panel.css.js +1 -0
  95. package/dist/static/styles/customEditorStyle.css.js +9 -0
  96. package/dist/static/styles/variables.css.js +3 -0
  97. package/dist/stores/template.js +15 -0
  98. package/dist/stores/toaster.js +7 -7
  99. package/dist/utils/migrationBannerHtml.js +21 -0
  100. package/package.json +3 -2
  101. package/dist/src/extensions/Blocks/Recommendation/controls/cardBackgroundColorControl.d.ts +0 -25
  102. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextAfterControl.d.ts +0 -15
  103. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscountTextBeforeControl.d.ts +0 -15
  104. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextAfterControl.d.ts +0 -15
  105. package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPriceTextBeforeControl.d.ts +0 -15
  106. package/dist/src/extensions/Blocks/Recommendation/controls/spacingControl.d.ts +0 -60
@@ -1,69 +1,71 @@
1
- import { DEFAULT_MOBILE_ROW_SPACING as U, DEFAULT_MOBILE_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as n, DEFAULT_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as C, DEFAULT_CARDS_IN_ROW as D } from "./layout.js";
2
- import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as o, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as e, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as r } from "./selectors.js";
3
- const i = {
1
+ import { DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_ROW_SPACING as i, DEFAULT_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
2
+ import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
3
+ const O = {
4
4
  code: "USD",
5
5
  symbol: "USD",
6
6
  alignment: "after",
7
7
  decimalCount: 2,
8
8
  decimalSeparator: ".",
9
9
  thousandSeparator: ","
10
- }, A = {
10
+ }, D = {
11
11
  textBefore: "",
12
12
  textAfter: ""
13
- }, s = {
13
+ }, A = {
14
14
  textBefore: "",
15
15
  textAfter: ""
16
- }, E = [
16
+ }, a = [
17
17
  _,
18
- o,
19
- t,
20
18
  e,
19
+ t,
21
20
  T,
21
+ r,
22
22
  I,
23
- r
24
- ], c = {
23
+ n
24
+ ], E = {
25
25
  [_]: !0,
26
- [o]: !0,
27
26
  [e]: !0,
27
+ [T]: !0,
28
28
  [t]: !0,
29
- [T]: !1,
29
+ [r]: !1,
30
30
  [I]: !1,
31
- [r]: !0
32
- }, N = {
31
+ [n]: !0
32
+ }, l = {
33
33
  // Settings
34
34
  strategy: "mostPopular",
35
35
  productIds: [],
36
36
  size: "6",
37
37
  shuffleProducts: !1,
38
38
  language: "en_US",
39
- currency: i,
39
+ currency: O,
40
40
  filters: [],
41
41
  // Layout
42
42
  layout: "grid",
43
- cardsInRow: D,
44
- mobileCardsInRow: C,
45
- columnSpacing: O,
46
- rowSpacing: n,
47
- mobileColumnSpacing: R,
48
- mobileRowSpacing: U,
43
+ cardsInRow: C,
44
+ mobileCardsInRow: o,
45
+ mobileLayoutEnabled: !1,
46
+ previousMobileCardsInRow: o,
47
+ columnSpacing: s,
48
+ rowSpacing: i,
49
+ mobileColumnSpacing: U,
50
+ mobileRowSpacing: R,
49
51
  // Composition
50
- composition: E,
51
- visibility: c,
52
+ composition: a,
53
+ visibility: E,
52
54
  // Element settings
53
- omnibusPrice: A,
54
- omnibusDiscount: s,
55
+ omnibusPrice: D,
56
+ omnibusDiscount: A,
55
57
  textTrimming: !1,
56
58
  // Meta
57
59
  configVersion: 1,
58
60
  recommendationId: 0
59
- }, m = [11, 12], L = 1;
61
+ }, N = [11, 12], m = 1;
60
62
  export {
61
- L as CURRENT_CONFIG_VERSION,
62
- E as DEFAULT_COMPOSITION,
63
- i as DEFAULT_CURRENCY,
64
- N as DEFAULT_NODE_CONFIG,
65
- s as DEFAULT_OMNIBUS_DISCOUNT,
66
- A as DEFAULT_OMNIBUS_PRICE,
67
- c as DEFAULT_VISIBILITY,
68
- m as EXCLUDED_ALGORITHM_IDS
63
+ m as CURRENT_CONFIG_VERSION,
64
+ a as DEFAULT_COMPOSITION,
65
+ O as DEFAULT_CURRENCY,
66
+ l as DEFAULT_NODE_CONFIG,
67
+ A as DEFAULT_OMNIBUS_DISCOUNT,
68
+ D as DEFAULT_OMNIBUS_PRICE,
69
+ E as DEFAULT_VISIBILITY,
70
+ N as EXCLUDED_ALGORITHM_IDS
69
71
  };
@@ -1,23 +1,26 @@
1
- const c = ".recommendation-block-v2", n = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", T = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
1
+ const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
2
2
  CURRENCY: "currency",
3
3
  SYMBOL: "currency-symbol",
4
4
  ALIGNMENT: "currency-alignment",
5
5
  THOUSAND_SEPARATOR: "currency-thousand-separator",
6
6
  DECIMAL_SEPARATOR: "currency-decimal-separator",
7
7
  DECIMAL_COUNT: "currency-decimal-count"
8
- }, R = "productImage", O = "productName", e = "productPrice", _ = "productOldPrice", E = "productOmnibusPrice", C = "productOmnibusDiscount", s = "productButton";
8
+ }, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
9
9
  export {
10
- s as ATTR_PRODUCT_BUTTON,
11
- R as ATTR_PRODUCT_IMAGE,
10
+ A as ATTR_CUSTOM_PREFIX,
11
+ i as ATTR_DATA_CUSTOM_ATTRIBUTES,
12
+ u as ATTR_PRODUCT_ATTR,
13
+ E as ATTR_PRODUCT_BUTTON,
14
+ r as ATTR_PRODUCT_IMAGE,
12
15
  O as ATTR_PRODUCT_NAME,
13
- _ as ATTR_PRODUCT_OLD_PRICE,
16
+ e as ATTR_PRODUCT_OLD_PRICE,
14
17
  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
15
- E as ATTR_PRODUCT_OMNIBUS_PRICE,
16
- e as ATTR_PRODUCT_PRICE,
17
- c as BLOCK_ROOT_SELECTOR,
18
- n as CONTAINER_SELECTOR,
19
- r as CURRENCY_ATTR,
18
+ s as ATTR_PRODUCT_OMNIBUS_PRICE,
19
+ _ as ATTR_PRODUCT_PRICE,
20
+ T as BLOCK_ROOT_SELECTOR,
21
+ c as CONTAINER_SELECTOR,
22
+ R as CURRENCY_ATTR,
20
23
  o as DESKTOP_CONTAINER_SELECTOR,
21
- T as MOBILE_CONTAINER_SELECTOR,
22
- t as MOBILE_ROW_SELECTOR
24
+ t as MOBILE_CONTAINER_SELECTOR,
25
+ n as MOBILE_ROW_SELECTOR
23
26
  };
@@ -1,7 +1,7 @@
1
1
  import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
2
  import { CommonControl as s } from "../../../common-control.js";
3
3
  import { getCurrentLayout as l } from "../main/utils.js";
4
- const u = "recommendation-card-background-color-control", e = {
4
+ const i = "recommendation-card-background-color-control", e = {
5
5
  CARD_BACKGROUND_COLOR: "cardBackgroundColor"
6
6
  }, a = {
7
7
  GRID: ".product-card-segment",
@@ -9,13 +9,13 @@ const u = "recommendation-card-background-color-control", e = {
9
9
  };
10
10
  class _ extends s {
11
11
  getId() {
12
- return u;
12
+ return i;
13
13
  }
14
14
  getTemplate() {
15
15
  return `
16
16
  <div class="card-bg-control-container">
17
17
  ${this._GuTwoColumns([
18
- this._GuLabel({ text: "Card Background Color" }),
18
+ this._GuLabel({ text: this.api.translate("Card Background Color") }),
19
19
  this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
20
20
  ])}
21
21
  </div>
@@ -75,6 +75,6 @@ class _ extends s {
75
75
  }
76
76
  }
77
77
  export {
78
- u as CARD_BACKGROUND_COLOR_CONTROL_ID,
78
+ i as CARD_BACKGROUND_COLOR_CONTROL_ID,
79
79
  _ as CardBackgroundColorControl
80
80
  };