@ikas/storefront 0.0.39 → 0.0.40

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 (4) hide show
  1. package/build/components/page-editor/model.d.ts +3 -1
  2. package/build/index.es.js +40 -18
  3. package/build/index.js +40 -18
  4. package/package.json +1 -1
package/build/components/page-editor/model.d.ts CHANGED
@@ -38,6 +38,7 @@ export default class PageViewModel {
38
38
  handleSetSelectedComponent: (data: any) => void;
39
39
  handleSetHoveredComponent: (data: any) => void;
40
40
  handleScrollToComponent: (data: any) => void;
41
+ updateThemeSettings: (data: any) => void;
41
42
  }
42
43
  export declare enum BridgeMessageType {
43
44
  FRAME_DID_LOAD = "FRAME_DID_LOAD",
@@ -55,5 +56,6 @@ export declare enum BridgeMessageType {
55
56
  COMPONENT_CLICK = "COMPONENT_CLICK",
56
57
  SET_SELECTED_COMPONENT = "SET_SELECTED_COMPONENT",
57
58
  SET_HOVERED_COMPONENT = "SET_HOVERED_COMPONENT",
58
- SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT"
59
+ SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT",
60
+ UPDATE_THEME_SETTINGS = "UPDATE_THEME_SETTINGS"
59
61
  }
package/build/index.es.js CHANGED
@@ -20215,7 +20215,7 @@ var IkasCustomerStore = /** @class */ (function () {
20215
20215
  case 1:
20216
20216
  savedCustomer = _a.sent();
20217
20217
  if (savedCustomer) {
20218
- this.setCustomer(customer);
20218
+ this.setCustomer(savedCustomer);
20219
20219
  return [2 /*return*/, true];
20220
20220
  }
20221
20221
  return [2 /*return*/, false];
@@ -22924,6 +22924,11 @@ var ThemeComponent = observer(function (_a) {
22924
22924
  var pageComponentPropValue = _a.pageComponentPropValue, pageComponent = _a.pageComponent, index = _a.index, settingsStr = _a.settingsStr;
22925
22925
  var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
22926
22926
  var settings = new IkasThemeSettings(JSON.parse(settingsStr));
22927
+ useEffect(function () {
22928
+ settings.colors.map(function (sc) {
22929
+ return document.documentElement.style.setProperty(sc.key, sc.color);
22930
+ });
22931
+ }, [settings]);
22927
22932
  var propValues = pageComponentPropValue.propValues;
22928
22933
  var hasNullValue = computed(function () {
22929
22934
  return Object.entries(propValues || {}).some(function (_a) {
@@ -23005,51 +23010,55 @@ var PageViewModel = /** @class */ (function () {
23005
23010
  case BridgeMessageType.SET_SELECTED_COMPONENT: return [3 /*break*/, 15];
23006
23011
  case BridgeMessageType.SET_HOVERED_COMPONENT: return [3 /*break*/, 16];
23007
23012
  case BridgeMessageType.SCROLL_TO_COMPONENT: return [3 /*break*/, 17];
23013
+ case BridgeMessageType.UPDATE_THEME_SETTINGS: return [3 /*break*/, 18];
23008
23014
  }
23009
- return [3 /*break*/, 18];
23015
+ return [3 /*break*/, 19];
23010
23016
  case 1: return [4 /*yield*/, this.handleUpdateFrameData(data)];
23011
23017
  case 2:
23012
23018
  _b.sent();
23013
- return [3 /*break*/, 19];
23019
+ return [3 /*break*/, 20];
23014
23020
  case 3: return [4 /*yield*/, this.handleUpdatePropValue(data)];
23015
23021
  case 4:
23016
23022
  _b.sent();
23017
- return [3 /*break*/, 19];
23023
+ return [3 /*break*/, 20];
23018
23024
  case 5: return [4 /*yield*/, this.handleUpdatePageParams(data)];
23019
23025
  case 6:
23020
23026
  _b.sent();
23021
- return [3 /*break*/, 19];
23027
+ return [3 /*break*/, 20];
23022
23028
  case 7: return [4 /*yield*/, this.handleUpdatePageComponentOrder(data)];
23023
23029
  case 8:
23024
23030
  _b.sent();
23025
- return [3 /*break*/, 19];
23031
+ return [3 /*break*/, 20];
23026
23032
  case 9:
23027
23033
  this.handleAddNewComponent(data);
23028
- return [3 /*break*/, 19];
23034
+ return [3 /*break*/, 20];
23029
23035
  case 10:
23030
23036
  this.handleDeleteComponent(data);
23031
- return [3 /*break*/, 19];
23037
+ return [3 /*break*/, 20];
23032
23038
  case 11:
23033
23039
  this.handleUpdateComponent(data);
23034
- return [3 /*break*/, 19];
23040
+ return [3 /*break*/, 20];
23035
23041
  case 12: return [4 /*yield*/, this.handleAddNewPageComponent(data)];
23036
23042
  case 13:
23037
23043
  _b.sent();
23038
- return [3 /*break*/, 19];
23044
+ return [3 /*break*/, 20];
23039
23045
  case 14:
23040
23046
  this.handleDeletePageComponent(data);
23041
- return [3 /*break*/, 19];
23047
+ return [3 /*break*/, 20];
23042
23048
  case 15:
23043
23049
  this.handleSetSelectedComponent(data);
23044
- return [3 /*break*/, 19];
23050
+ return [3 /*break*/, 20];
23045
23051
  case 16:
23046
23052
  this.handleSetHoveredComponent(data);
23047
- return [3 /*break*/, 19];
23053
+ return [3 /*break*/, 20];
23048
23054
  case 17:
23049
23055
  this.handleScrollToComponent(data);
23050
- return [3 /*break*/, 19];
23051
- case 18: return [3 /*break*/, 19];
23052
- case 19: return [2 /*return*/];
23056
+ return [3 /*break*/, 20];
23057
+ case 18:
23058
+ this.updateThemeSettings(data);
23059
+ return [3 /*break*/, 20];
23060
+ case 19: return [3 /*break*/, 20];
23061
+ case 20: return [2 /*return*/];
23053
23062
  }
23054
23063
  });
23055
23064
  }); };
@@ -23246,6 +23255,12 @@ var PageViewModel = /** @class */ (function () {
23246
23255
  });
23247
23256
  }
23248
23257
  };
23258
+ this.updateThemeSettings = function (data) {
23259
+ var settings = data.settings;
23260
+ if (_this.theme) {
23261
+ _this.theme.settings = new IkasThemeSettings(settings);
23262
+ }
23263
+ };
23249
23264
  this.router = router;
23250
23265
  makeAutoObservable(this);
23251
23266
  this.startMessaging();
@@ -23288,20 +23303,27 @@ var BridgeMessageType;
23288
23303
  BridgeMessageType["SET_SELECTED_COMPONENT"] = "SET_SELECTED_COMPONENT";
23289
23304
  BridgeMessageType["SET_HOVERED_COMPONENT"] = "SET_HOVERED_COMPONENT";
23290
23305
  BridgeMessageType["SCROLL_TO_COMPONENT"] = "SCROLL_TO_COMPONENT";
23306
+ BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
23291
23307
  })(BridgeMessageType || (BridgeMessageType = {}));
23292
23308
 
23293
23309
  var ThemeEditorComponent = observer(function (_a) {
23294
- var _b;
23310
+ var _b, _c;
23295
23311
  var vm = _a.vm, pageComponent = _a.pageComponent;
23296
23312
  var ref = useRef(null);
23297
23313
  var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
23298
23314
  useEffect(function () {
23299
23315
  vm.setComponentRef(ref.current, pageComponent);
23300
23316
  }, []);
23317
+ useEffect(function () {
23318
+ var _a;
23319
+ (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings.colors.map(function (sc) {
23320
+ return document.documentElement.style.setProperty(sc.key, sc.color);
23321
+ });
23322
+ }, [(_b = vm.theme) === null || _b === void 0 ? void 0 : _b.settings]);
23301
23323
  var pageComponentPropValue = computed(function () {
23302
23324
  return vm.pageDataProvider.pageComponentPropValues.find(function (pc) { return pc.pageComponent.id === pageComponent.id; });
23303
23325
  });
23304
- var propValues = (_b = pageComponentPropValue.get()) === null || _b === void 0 ? void 0 : _b.propValues;
23326
+ var propValues = (_c = pageComponentPropValue.get()) === null || _c === void 0 ? void 0 : _c.propValues;
23305
23327
  if (!propValues)
23306
23328
  return null;
23307
23329
  var Component = components[pageComponent.componentId];
package/build/index.js CHANGED
@@ -20198,7 +20198,7 @@ var IkasCustomerStore = /** @class */ (function () {
20198
20198
  case 1:
20199
20199
  savedCustomer = _a.sent();
20200
20200
  if (savedCustomer) {
20201
- this.setCustomer(customer);
20201
+ this.setCustomer(savedCustomer);
20202
20202
  return [2 /*return*/, true];
20203
20203
  }
20204
20204
  return [2 /*return*/, false];
@@ -22907,6 +22907,11 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
22907
22907
  var pageComponentPropValue = _a.pageComponentPropValue, pageComponent = _a.pageComponent, index = _a.index, settingsStr = _a.settingsStr;
22908
22908
  var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
22909
22909
  var settings = new IkasThemeSettings(JSON.parse(settingsStr));
22910
+ React.useEffect(function () {
22911
+ settings.colors.map(function (sc) {
22912
+ return document.documentElement.style.setProperty(sc.key, sc.color);
22913
+ });
22914
+ }, [settings]);
22910
22915
  var propValues = pageComponentPropValue.propValues;
22911
22916
  var hasNullValue = mobx.computed(function () {
22912
22917
  return Object.entries(propValues || {}).some(function (_a) {
@@ -22988,51 +22993,55 @@ var PageViewModel = /** @class */ (function () {
22988
22993
  case BridgeMessageType.SET_SELECTED_COMPONENT: return [3 /*break*/, 15];
22989
22994
  case BridgeMessageType.SET_HOVERED_COMPONENT: return [3 /*break*/, 16];
22990
22995
  case BridgeMessageType.SCROLL_TO_COMPONENT: return [3 /*break*/, 17];
22996
+ case BridgeMessageType.UPDATE_THEME_SETTINGS: return [3 /*break*/, 18];
22991
22997
  }
22992
- return [3 /*break*/, 18];
22998
+ return [3 /*break*/, 19];
22993
22999
  case 1: return [4 /*yield*/, this.handleUpdateFrameData(data)];
22994
23000
  case 2:
22995
23001
  _b.sent();
22996
- return [3 /*break*/, 19];
23002
+ return [3 /*break*/, 20];
22997
23003
  case 3: return [4 /*yield*/, this.handleUpdatePropValue(data)];
22998
23004
  case 4:
22999
23005
  _b.sent();
23000
- return [3 /*break*/, 19];
23006
+ return [3 /*break*/, 20];
23001
23007
  case 5: return [4 /*yield*/, this.handleUpdatePageParams(data)];
23002
23008
  case 6:
23003
23009
  _b.sent();
23004
- return [3 /*break*/, 19];
23010
+ return [3 /*break*/, 20];
23005
23011
  case 7: return [4 /*yield*/, this.handleUpdatePageComponentOrder(data)];
23006
23012
  case 8:
23007
23013
  _b.sent();
23008
- return [3 /*break*/, 19];
23014
+ return [3 /*break*/, 20];
23009
23015
  case 9:
23010
23016
  this.handleAddNewComponent(data);
23011
- return [3 /*break*/, 19];
23017
+ return [3 /*break*/, 20];
23012
23018
  case 10:
23013
23019
  this.handleDeleteComponent(data);
23014
- return [3 /*break*/, 19];
23020
+ return [3 /*break*/, 20];
23015
23021
  case 11:
23016
23022
  this.handleUpdateComponent(data);
23017
- return [3 /*break*/, 19];
23023
+ return [3 /*break*/, 20];
23018
23024
  case 12: return [4 /*yield*/, this.handleAddNewPageComponent(data)];
23019
23025
  case 13:
23020
23026
  _b.sent();
23021
- return [3 /*break*/, 19];
23027
+ return [3 /*break*/, 20];
23022
23028
  case 14:
23023
23029
  this.handleDeletePageComponent(data);
23024
- return [3 /*break*/, 19];
23030
+ return [3 /*break*/, 20];
23025
23031
  case 15:
23026
23032
  this.handleSetSelectedComponent(data);
23027
- return [3 /*break*/, 19];
23033
+ return [3 /*break*/, 20];
23028
23034
  case 16:
23029
23035
  this.handleSetHoveredComponent(data);
23030
- return [3 /*break*/, 19];
23036
+ return [3 /*break*/, 20];
23031
23037
  case 17:
23032
23038
  this.handleScrollToComponent(data);
23033
- return [3 /*break*/, 19];
23034
- case 18: return [3 /*break*/, 19];
23035
- case 19: return [2 /*return*/];
23039
+ return [3 /*break*/, 20];
23040
+ case 18:
23041
+ this.updateThemeSettings(data);
23042
+ return [3 /*break*/, 20];
23043
+ case 19: return [3 /*break*/, 20];
23044
+ case 20: return [2 /*return*/];
23036
23045
  }
23037
23046
  });
23038
23047
  }); };
@@ -23229,6 +23238,12 @@ var PageViewModel = /** @class */ (function () {
23229
23238
  });
23230
23239
  }
23231
23240
  };
23241
+ this.updateThemeSettings = function (data) {
23242
+ var settings = data.settings;
23243
+ if (_this.theme) {
23244
+ _this.theme.settings = new IkasThemeSettings(settings);
23245
+ }
23246
+ };
23232
23247
  this.router = router;
23233
23248
  mobx.makeAutoObservable(this);
23234
23249
  this.startMessaging();
@@ -23271,20 +23286,27 @@ var BridgeMessageType;
23271
23286
  BridgeMessageType["SET_SELECTED_COMPONENT"] = "SET_SELECTED_COMPONENT";
23272
23287
  BridgeMessageType["SET_HOVERED_COMPONENT"] = "SET_HOVERED_COMPONENT";
23273
23288
  BridgeMessageType["SCROLL_TO_COMPONENT"] = "SCROLL_TO_COMPONENT";
23289
+ BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
23274
23290
  })(BridgeMessageType || (BridgeMessageType = {}));
23275
23291
 
23276
23292
  var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
23277
- var _b;
23293
+ var _b, _c;
23278
23294
  var vm = _a.vm, pageComponent = _a.pageComponent;
23279
23295
  var ref = React.useRef(null);
23280
23296
  var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
23281
23297
  React.useEffect(function () {
23282
23298
  vm.setComponentRef(ref.current, pageComponent);
23283
23299
  }, []);
23300
+ React.useEffect(function () {
23301
+ var _a;
23302
+ (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings.colors.map(function (sc) {
23303
+ return document.documentElement.style.setProperty(sc.key, sc.color);
23304
+ });
23305
+ }, [(_b = vm.theme) === null || _b === void 0 ? void 0 : _b.settings]);
23284
23306
  var pageComponentPropValue = mobx.computed(function () {
23285
23307
  return vm.pageDataProvider.pageComponentPropValues.find(function (pc) { return pc.pageComponent.id === pageComponent.id; });
23286
23308
  });
23287
- var propValues = (_b = pageComponentPropValue.get()) === null || _b === void 0 ? void 0 : _b.propValues;
23309
+ var propValues = (_c = pageComponentPropValue.get()) === null || _c === void 0 ? void 0 : _c.propValues;
23288
23310
  if (!propValues)
23289
23311
  return null;
23290
23312
  var Component = components[pageComponent.componentId];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikas/storefront",
3
- "version": "0.0.39",
3
+ "version": "0.0.40",
4
4
  "main": "./build/index.js",
5
5
  "module": "./build/index.es.js",
6
6
  "author": "Umut Ozan Yıldırım",