@ikas/storefront 0.0.38 → 0.0.40

package/build/components/hoc/ThemeComponent.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     pageComponentPropValue: IkasPageComponentPropValue;
     pageComponent: IkasThemePageComponent;
     index: number;
+    settingsStr: string;
 };
 export declare const ThemeComponent: React.FC<Props>;
 export {};

package/build/components/page/index.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     propValues: IkasPageComponentPropValue[];
     page?: IkasThemePage;
     pageSpecificDataStr?: string;
+    settingsStr: string;
 };
 export declare const IkasPage: React.FC<Props>;
 export {};

package/build/components/page-editor/model.d.ts

@@ -38,6 +38,7 @@ export default class PageViewModel {
     handleSetSelectedComponent: (data: any) => void;
     handleSetHoveredComponent: (data: any) => void;
     handleScrollToComponent: (data: any) => void;
+    updateThemeSettings: (data: any) => void;
 }
 export declare enum BridgeMessageType {
     FRAME_DID_LOAD = "FRAME_DID_LOAD",
@@ -55,5 +56,6 @@ export declare enum BridgeMessageType {
     COMPONENT_CLICK = "COMPONENT_CLICK",
     SET_SELECTED_COMPONENT = "SET_SELECTED_COMPONENT",
     SET_HOVERED_COMPONENT = "SET_HOVERED_COMPONENT",
-    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT"
+    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT",
+    UPDATE_THEME_SETTINGS = "UPDATE_THEME_SETTINGS"
 }

package/build/index.es.js

@@ -11355,6 +11355,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                 props: {
                     propValuesStr: JSON.stringify(this.pageComponentPropValues),
                     page: toJS(this.page) || null,
+                    settingsStr: JSON.stringify(this.theme.settings || {}),
                 },
             };
         },
@@ -12982,6 +12983,28 @@ var IkasThemePageType;
     IkasThemePageType["CART"] = "CART";
 })(IkasThemePageType || (IkasThemePageType = {}));
 
+var IkasThemeColor = /** @class */ (function () {
+    function IkasThemeColor(data) {
+        this.id = data.id || v4();
+        this.displayName = data.displayName || "";
+        this.key = data.key || "";
+        this.color = data.color || "";
+        makeAutoObservable(this);
+    }
+    return IkasThemeColor;
+}());
+
+var IkasThemeSettings = /** @class */ (function () {
+    function IkasThemeSettings(data) {
+        if (data === void 0) { data = {}; }
+        this.colors = data.colors
+            ? data.colors.map(function (c) { return new IkasThemeColor(c); })
+            : [];
+        makeAutoObservable(this);
+    }
+    return IkasThemeSettings;
+}());
+
 var IkasTheme = /** @class */ (function () {
     function IkasTheme(data) {
         if (data === void 0) { data = {}; }
@@ -12990,6 +13013,9 @@ var IkasTheme = /** @class */ (function () {
             ? data.components.map(function (c) { return new IkasThemeComponent(c); })
             : [];
         this.pages = data.pages ? data.pages.map(function (p) { return new IkasThemePage(p); }) : [];
+        this.settings = data.settings
+            ? new IkasThemeSettings(data.settings)
+            : new IkasThemeSettings();
         makeAutoObservable(this);
     }
     Object.defineProperty(IkasTheme.prototype, "headerComponent", {
@@ -20189,7 +20215,7 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 1:
                         savedCustomer = _a.sent();
                         if (savedCustomer) {
-                            this.setCustomer(customer);
+                            this.setCustomer(savedCustomer);
                             return [2 /*return*/, true];
                         }
                         return [2 /*return*/, false];
@@ -22895,8 +22921,14 @@ var style = {
 };
 
 var ThemeComponent = observer(function (_a) {
-    var pageComponentPropValue = _a.pageComponentPropValue, pageComponent = _a.pageComponent, index = _a.index;
+    var pageComponentPropValue = _a.pageComponentPropValue, pageComponent = _a.pageComponent, index = _a.index, settingsStr = _a.settingsStr;
     var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
+    var settings = new IkasThemeSettings(JSON.parse(settingsStr));
+    useEffect(function () {
+        settings.colors.map(function (sc) {
+            return document.documentElement.style.setProperty(sc.key, sc.color);
+        });
+    }, [settings]);
     var propValues = pageComponentPropValue.propValues;
     var hasNullValue = computed(function () {
         return Object.entries(propValues || {}).some(function (_a) {
@@ -22906,15 +22938,15 @@ var ThemeComponent = observer(function (_a) {
         });
     });
     var Component = components[pageComponent.componentId];
-    return (createElement("div", { id: index + "" }, hasNullValue.get() ? (createElement(ErrorComponent, null)) : (createElement(Component, __assign({ key: pageComponent.id }, propValues, { store: store })))));
+    return (createElement("div", { id: index + "" }, hasNullValue.get() ? (createElement(ErrorComponent, null)) : (createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store })))));
 });
 
 var IkasPage = observer(function (_a) {
     var _b, _c;
-    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr;
+    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr;
     var renderComponent = function (pageComponent, index) {
         var pageComponentPropValue = propValues.find(function (pv) { return pv.pageComponent.id === pageComponent.id; });
-        return (createElement(ThemeComponent, { key: pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, pageComponent: pageComponent }));
+        return (createElement(ThemeComponent, { key: pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, pageComponent: pageComponent, settingsStr: settingsStr }));
     };
     var headerComponent = (_b = propValues.find(function (pv) { return pv.component.isHeader; })) === null || _b === void 0 ? void 0 : _b.pageComponent;
     var footerComponent = (_c = propValues.find(function (pv) { return pv.component.isFooter; })) === null || _c === void 0 ? void 0 : _c.pageComponent;
@@ -22978,51 +23010,55 @@ var PageViewModel = /** @class */ (function () {
                             case BridgeMessageType.SET_SELECTED_COMPONENT: return [3 /*break*/, 15];
                             case BridgeMessageType.SET_HOVERED_COMPONENT: return [3 /*break*/, 16];
                             case BridgeMessageType.SCROLL_TO_COMPONENT: return [3 /*break*/, 17];
+                            case BridgeMessageType.UPDATE_THEME_SETTINGS: return [3 /*break*/, 18];
                         }
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 19];
                     case 1: return [4 /*yield*/, this.handleUpdateFrameData(data)];
                     case 2:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 3: return [4 /*yield*/, this.handleUpdatePropValue(data)];
                     case 4:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 5: return [4 /*yield*/, this.handleUpdatePageParams(data)];
                     case 6:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 7: return [4 /*yield*/, this.handleUpdatePageComponentOrder(data)];
                     case 8:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 9:
                         this.handleAddNewComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 10:
                         this.handleDeleteComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 11:
                         this.handleUpdateComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 12: return [4 /*yield*/, this.handleAddNewPageComponent(data)];
                     case 13:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 14:
                         this.handleDeletePageComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 15:
                         this.handleSetSelectedComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 16:
                         this.handleSetHoveredComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 17:
                         this.handleScrollToComponent(data);
-                        return [3 /*break*/, 19];
-                    case 18: return [3 /*break*/, 19];
-                    case 19: return [2 /*return*/];
+                        return [3 /*break*/, 20];
+                    case 18:
+                        this.updateThemeSettings(data);
+                        return [3 /*break*/, 20];
+                    case 19: return [3 /*break*/, 20];
+                    case 20: return [2 /*return*/];
                 }
             });
         }); };
@@ -23219,6 +23255,12 @@ var PageViewModel = /** @class */ (function () {
                     });
             }
         };
+        this.updateThemeSettings = function (data) {
+            var settings = data.settings;
+            if (_this.theme) {
+                _this.theme.settings = new IkasThemeSettings(settings);
+            }
+        };
         this.router = router;
         makeAutoObservable(this);
         this.startMessaging();
@@ -23261,20 +23303,27 @@ var BridgeMessageType;
     BridgeMessageType["SET_SELECTED_COMPONENT"] = "SET_SELECTED_COMPONENT";
     BridgeMessageType["SET_HOVERED_COMPONENT"] = "SET_HOVERED_COMPONENT";
     BridgeMessageType["SCROLL_TO_COMPONENT"] = "SCROLL_TO_COMPONENT";
+    BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
 })(BridgeMessageType || (BridgeMessageType = {}));
 
 var ThemeEditorComponent = observer(function (_a) {
-    var _b;
+    var _b, _c;
     var vm = _a.vm, pageComponent = _a.pageComponent;
     var ref = useRef(null);
     var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
     useEffect(function () {
         vm.setComponentRef(ref.current, pageComponent);
     }, []);
+    useEffect(function () {
+        var _a;
+        (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings.colors.map(function (sc) {
+            return document.documentElement.style.setProperty(sc.key, sc.color);
+        });
+    }, [(_b = vm.theme) === null || _b === void 0 ? void 0 : _b.settings]);
     var pageComponentPropValue = computed(function () {
         return vm.pageDataProvider.pageComponentPropValues.find(function (pc) { return pc.pageComponent.id === pageComponent.id; });
     });
-    var propValues = (_b = pageComponentPropValue.get()) === null || _b === void 0 ? void 0 : _b.propValues;
+    var propValues = (_c = pageComponentPropValue.get()) === null || _c === void 0 ? void 0 : _c.propValues;
     if (!propValues)
         return null;
     var Component = components[pageComponent.componentId];
@@ -23302,7 +23351,8 @@ var ThemeEditorComponent = observer(function (_a) {
         vm.onClick(pageComponent.id);
     };
     var rendered = computed(function () {
-        return hasNullValue.get() ? (createElement(ErrorComponent, null)) : (createElement(Component, __assign({ store: store }, propValues)));
+        var _a;
+        return hasNullValue.get() ? (createElement(ErrorComponent, null)) : (createElement(Component, __assign({ store: store }, propValues, { settings: (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings })));
     });
     return (createElement("div", { ref: ref, style: { position: "relative" }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick },
         rendered.get(),
@@ -23388,10 +23438,10 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var Page = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23416,7 +23466,7 @@ var home = /*#__PURE__*/Object.freeze({
 });
 
 var Page$1 = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr;
+    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var _b = useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
     var _c = useState(IkasPageDataProvider.initPropValues(propValuesStr, router)), propValues = _c[0], setPropValues = _c[1];
@@ -23427,7 +23477,7 @@ var Page$1 = function (_a) {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, isBrowser));
     }, [isBrowser, propValuesStr]);
     handleGTM(page, pageSpecificDataStr);
-    return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr }));
+    return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr }));
 };
 var index$1 = observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -23537,10 +23587,10 @@ var index$2 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$2 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { page: page, settingsStr: settingsStr, propValues: propValues }));
 };
 var getStaticPaths$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, customPages, customPagePaths;
@@ -23631,10 +23681,10 @@ var _id_$1 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$3 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23659,10 +23709,10 @@ var index$3 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$4 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23687,10 +23737,10 @@ var addresses = /*#__PURE__*/Object.freeze({
 });
 
 var Page$5 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23715,10 +23765,10 @@ var index$4 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$6 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23743,10 +23793,10 @@ var _id_$2 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$7 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23771,10 +23821,10 @@ var login = /*#__PURE__*/Object.freeze({
 });
 
 var Page$8 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23799,10 +23849,10 @@ var register = /*#__PURE__*/Object.freeze({
 });
 
 var Page$9 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23827,10 +23877,10 @@ var forgotPassword = /*#__PURE__*/Object.freeze({
 });
 
 var Page$a = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23855,10 +23905,10 @@ var recoverPassword = /*#__PURE__*/Object.freeze({
 });
 
 var Page$b = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23904,4 +23954,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { index$3 as AccountPage, addresses as AddressesPage, cart as CartPage, _id_$1 as CheckoutPage, _slug_ as CustomPage, editor$1 as EditorPage, forgotPassword as ForgotPasswordPage, GTMAddToCart, GTMBeginCheckout, GTMBody, GTMCheckoutStep, GTMDisableHTML, GTMHead, GTMPageView, GTMProductView, GTMPurchase, GTMRemoveFromCart, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductList, IkasProductListFilter, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, home as IndexPage, login as LoginPage, _id_$2 as OrderDetailPage, index$4 as OrdersPage, recoverPassword as RecoverPasswordPage, register as RegisterPage, index$2 as SlugPage, apollo, decodeBase64, formatMoney, pascalCase, stringToSlug, validatePhoneNumber };
+export { index$3 as AccountPage, addresses as AddressesPage, cart as CartPage, _id_$1 as CheckoutPage, _slug_ as CustomPage, editor$1 as EditorPage, forgotPassword as ForgotPasswordPage, GTMAddToCart, GTMBeginCheckout, GTMBody, GTMCheckoutStep, GTMDisableHTML, GTMHead, GTMPageView, GTMProductView, GTMPurchase, GTMRemoveFromCart, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductList, IkasProductListFilter, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, home as IndexPage, login as LoginPage, _id_$2 as OrderDetailPage, index$4 as OrdersPage, recoverPassword as RecoverPasswordPage, register as RegisterPage, index$2 as SlugPage, apollo, decodeBase64, formatMoney, pascalCase, stringToSlug, validatePhoneNumber };

package/build/index.js

@@ -11367,6 +11367,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                 props: {
                     propValuesStr: JSON.stringify(this.pageComponentPropValues),
                     page: mobx.toJS(this.page) || null,
+                    settingsStr: JSON.stringify(this.theme.settings || {}),
                 },
             };
         },
@@ -12972,6 +12973,28 @@ var IkasThemePage = /** @class */ (function () {
     IkasThemePageType["CART"] = "CART";
 })(exports.IkasThemePageType || (exports.IkasThemePageType = {}));
 
+var IkasThemeColor = /** @class */ (function () {
+    function IkasThemeColor(data) {
+        this.id = data.id || v4();
+        this.displayName = data.displayName || "";
+        this.key = data.key || "";
+        this.color = data.color || "";
+        mobx.makeAutoObservable(this);
+    }
+    return IkasThemeColor;
+}());
+
+var IkasThemeSettings = /** @class */ (function () {
+    function IkasThemeSettings(data) {
+        if (data === void 0) { data = {}; }
+        this.colors = data.colors
+            ? data.colors.map(function (c) { return new IkasThemeColor(c); })
+            : [];
+        mobx.makeAutoObservable(this);
+    }
+    return IkasThemeSettings;
+}());
+
 var IkasTheme = /** @class */ (function () {
     function IkasTheme(data) {
         if (data === void 0) { data = {}; }
@@ -12980,6 +13003,9 @@ var IkasTheme = /** @class */ (function () {
             ? data.components.map(function (c) { return new IkasThemeComponent(c); })
             : [];
         this.pages = data.pages ? data.pages.map(function (p) { return new IkasThemePage(p); }) : [];
+        this.settings = data.settings
+            ? new IkasThemeSettings(data.settings)
+            : new IkasThemeSettings();
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasTheme.prototype, "headerComponent", {
@@ -20172,7 +20198,7 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 1:
                         savedCustomer = _a.sent();
                         if (savedCustomer) {
-                            this.setCustomer(customer);
+                            this.setCustomer(savedCustomer);
                             return [2 /*return*/, true];
                         }
                         return [2 /*return*/, false];
@@ -22878,8 +22904,14 @@ var style = {
 };
 
 var ThemeComponent = mobxReactLite.observer(function (_a) {
-    var pageComponentPropValue = _a.pageComponentPropValue, pageComponent = _a.pageComponent, index = _a.index;
+    var pageComponentPropValue = _a.pageComponentPropValue, pageComponent = _a.pageComponent, index = _a.index, settingsStr = _a.settingsStr;
     var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
+    var settings = new IkasThemeSettings(JSON.parse(settingsStr));
+    React.useEffect(function () {
+        settings.colors.map(function (sc) {
+            return document.documentElement.style.setProperty(sc.key, sc.color);
+        });
+    }, [settings]);
     var propValues = pageComponentPropValue.propValues;
     var hasNullValue = mobx.computed(function () {
         return Object.entries(propValues || {}).some(function (_a) {
@@ -22889,15 +22921,15 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
         });
     });
     var Component = components[pageComponent.componentId];
-    return (React.createElement("div", { id: index + "" }, hasNullValue.get() ? (React.createElement(ErrorComponent, null)) : (React.createElement(Component, __assign({ key: pageComponent.id }, propValues, { store: store })))));
+    return (React.createElement("div", { id: index + "" }, hasNullValue.get() ? (React.createElement(ErrorComponent, null)) : (React.createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store })))));
 });
 
 var IkasPage = mobxReactLite.observer(function (_a) {
     var _b, _c;
-    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr;
+    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr;
     var renderComponent = function (pageComponent, index) {
         var pageComponentPropValue = propValues.find(function (pv) { return pv.pageComponent.id === pageComponent.id; });
-        return (React.createElement(ThemeComponent, { key: pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, pageComponent: pageComponent }));
+        return (React.createElement(ThemeComponent, { key: pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, pageComponent: pageComponent, settingsStr: settingsStr }));
     };
     var headerComponent = (_b = propValues.find(function (pv) { return pv.component.isHeader; })) === null || _b === void 0 ? void 0 : _b.pageComponent;
     var footerComponent = (_c = propValues.find(function (pv) { return pv.component.isFooter; })) === null || _c === void 0 ? void 0 : _c.pageComponent;
@@ -22961,51 +22993,55 @@ var PageViewModel = /** @class */ (function () {
                             case BridgeMessageType.SET_SELECTED_COMPONENT: return [3 /*break*/, 15];
                             case BridgeMessageType.SET_HOVERED_COMPONENT: return [3 /*break*/, 16];
                             case BridgeMessageType.SCROLL_TO_COMPONENT: return [3 /*break*/, 17];
+                            case BridgeMessageType.UPDATE_THEME_SETTINGS: return [3 /*break*/, 18];
                         }
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 19];
                     case 1: return [4 /*yield*/, this.handleUpdateFrameData(data)];
                     case 2:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 3: return [4 /*yield*/, this.handleUpdatePropValue(data)];
                     case 4:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 5: return [4 /*yield*/, this.handleUpdatePageParams(data)];
                     case 6:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 7: return [4 /*yield*/, this.handleUpdatePageComponentOrder(data)];
                     case 8:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 9:
                         this.handleAddNewComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 10:
                         this.handleDeleteComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 11:
                         this.handleUpdateComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 12: return [4 /*yield*/, this.handleAddNewPageComponent(data)];
                     case 13:
                         _b.sent();
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 14:
                         this.handleDeletePageComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 15:
                         this.handleSetSelectedComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 16:
                         this.handleSetHoveredComponent(data);
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 17:
                         this.handleScrollToComponent(data);
-                        return [3 /*break*/, 19];
-                    case 18: return [3 /*break*/, 19];
-                    case 19: return [2 /*return*/];
+                        return [3 /*break*/, 20];
+                    case 18:
+                        this.updateThemeSettings(data);
+                        return [3 /*break*/, 20];
+                    case 19: return [3 /*break*/, 20];
+                    case 20: return [2 /*return*/];
                 }
             });
         }); };
@@ -23202,6 +23238,12 @@ var PageViewModel = /** @class */ (function () {
                     });
             }
         };
+        this.updateThemeSettings = function (data) {
+            var settings = data.settings;
+            if (_this.theme) {
+                _this.theme.settings = new IkasThemeSettings(settings);
+            }
+        };
         this.router = router;
         mobx.makeAutoObservable(this);
         this.startMessaging();
@@ -23244,20 +23286,27 @@ var BridgeMessageType;
     BridgeMessageType["SET_SELECTED_COMPONENT"] = "SET_SELECTED_COMPONENT";
     BridgeMessageType["SET_HOVERED_COMPONENT"] = "SET_HOVERED_COMPONENT";
     BridgeMessageType["SCROLL_TO_COMPONENT"] = "SCROLL_TO_COMPONENT";
+    BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
 })(BridgeMessageType || (BridgeMessageType = {}));
 
 var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
-    var _b;
+    var _b, _c;
     var vm = _a.vm, pageComponent = _a.pageComponent;
     var ref = React.useRef(null);
     var store = IkasStorefrontConfig.store, components = IkasStorefrontConfig.components;
     React.useEffect(function () {
         vm.setComponentRef(ref.current, pageComponent);
     }, []);
+    React.useEffect(function () {
+        var _a;
+        (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings.colors.map(function (sc) {
+            return document.documentElement.style.setProperty(sc.key, sc.color);
+        });
+    }, [(_b = vm.theme) === null || _b === void 0 ? void 0 : _b.settings]);
     var pageComponentPropValue = mobx.computed(function () {
         return vm.pageDataProvider.pageComponentPropValues.find(function (pc) { return pc.pageComponent.id === pageComponent.id; });
     });
-    var propValues = (_b = pageComponentPropValue.get()) === null || _b === void 0 ? void 0 : _b.propValues;
+    var propValues = (_c = pageComponentPropValue.get()) === null || _c === void 0 ? void 0 : _c.propValues;
     if (!propValues)
         return null;
     var Component = components[pageComponent.componentId];
@@ -23285,7 +23334,8 @@ var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
         vm.onClick(pageComponent.id);
     };
     var rendered = mobx.computed(function () {
-        return hasNullValue.get() ? (React.createElement(ErrorComponent, null)) : (React.createElement(Component, __assign({ store: store }, propValues)));
+        var _a;
+        return hasNullValue.get() ? (React.createElement(ErrorComponent, null)) : (React.createElement(Component, __assign({ store: store }, propValues, { settings: (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings })));
     });
     return (React.createElement("div", { ref: ref, style: { position: "relative" }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick },
         rendered.get(),
@@ -23371,10 +23421,10 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var Page = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23399,7 +23449,7 @@ var home = /*#__PURE__*/Object.freeze({
 });
 
 var Page$1 = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr;
+    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
     var _c = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1)), propValues = _c[0], setPropValues = _c[1];
@@ -23410,7 +23460,7 @@ var Page$1 = function (_a) {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, isBrowser));
     }, [isBrowser, propValuesStr]);
     handleGTM(page, pageSpecificDataStr);
-    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr }));
+    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr }));
 };
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -23520,10 +23570,10 @@ var index$2 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$2 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { page: page, settingsStr: settingsStr, propValues: propValues }));
 };
 var getStaticPaths$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, customPages, customPagePaths;
@@ -23614,10 +23664,10 @@ var _id_$1 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$3 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23642,10 +23692,10 @@ var index$3 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$4 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23670,10 +23720,10 @@ var addresses = /*#__PURE__*/Object.freeze({
 });
 
 var Page$5 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23698,10 +23748,10 @@ var index$4 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$6 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23726,10 +23776,10 @@ var _id_$2 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$7 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23754,10 +23804,10 @@ var login = /*#__PURE__*/Object.freeze({
 });
 
 var Page$8 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23782,10 +23832,10 @@ var register = /*#__PURE__*/Object.freeze({
 });
 
 var Page$9 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23810,10 +23860,10 @@ var forgotPassword = /*#__PURE__*/Object.freeze({
 });
 
 var Page$a = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23838,10 +23888,10 @@ var recoverPassword = /*#__PURE__*/Object.freeze({
 });
 
 var Page$b = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -23962,6 +24012,7 @@ exports.IkasThemeComponent = IkasThemeComponent;
 exports.IkasThemeComponentProp = IkasThemeComponentProp;
 exports.IkasThemePage = IkasThemePage;
 exports.IkasThemePageComponent = IkasThemePageComponent;
+exports.IkasThemeSettings = IkasThemeSettings;
 exports.IkasVariantType = IkasVariantType;
 exports.IkasVariantTypeAPI = IkasVariantTypeAPI;
 exports.IkasVariantValue = IkasVariantValue;

package/build/models/theme/index.d.ts

@@ -10,3 +10,4 @@ export { IkasProductListPropValue } from "./page/component/prop-value/product-li
 export { IkasProductDetailPropValue } from "./page/component/prop-value/product-detail";
 export { IkasCategoryPropValue } from "./page/component/prop-value/category";
 export { IkasCategoryListPropValue } from "./page/component/prop-value/category-list";
+export { IkasThemeSettings } from "./settings/index";

package/build/models/theme/settings/index.d.ts

@@ -0,0 +1,5 @@
+import { IkasThemeColor } from "./prop/index";
+export declare class IkasThemeSettings {
+    colors: IkasThemeColor[];
+    constructor(data?: Partial<IkasThemeSettings>);
+}

package/build/models/theme/settings/prop/index.d.ts

@@ -0,0 +1,7 @@
+export declare class IkasThemeColor {
+    id: string;
+    displayName: string;
+    key: string;
+    color: string;
+    constructor(data: Partial<IkasThemeColor>);
+}

package/build/models/theme/theme.d.ts

@@ -1,9 +1,11 @@
 import { IkasThemeComponent } from "./component/index";
 import { IkasThemePage } from "./page/index";
+import { IkasThemeSettings } from "./settings/index";
 export declare class IkasTheme {
     name: string;
     components: IkasThemeComponent[];
     pages: IkasThemePage[];
+    settings: IkasThemeSettings;
     constructor(data?: Partial<IkasTheme>);
     get headerComponent(): IkasThemeComponent | undefined;
     get footerComponent(): IkasThemeComponent | undefined;

package/build/pages/[slug]/index.d.ts

@@ -8,6 +8,7 @@ declare type Props = {
     pageSpecificDataStr: string;
     page: IkasThemePage;
     queryParams?: ParsedUrlQuery;
+    settingsStr: string;
 };
 declare const _default: React.FunctionComponent<Props>;
 export default _default;

package/build/pages/account/addresses.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/forgot-password.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/index.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/login.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/orders/[id].d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/orders/index.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/recover-password.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/register.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/cart.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/home.d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/pages/[slug].d.ts

@@ -4,6 +4,7 @@ import { IkasThemePage } from "../../models/index";
 declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
+    settingsStr: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/utils/providers/page-data.d.ts

@@ -12,6 +12,7 @@ export declare class IkasPageDataProvider {
         props: {
             propValuesStr: string;
             page: IkasThemePage | null;
+            settingsStr: string;
         };
     };
     get isStaticPage(): boolean | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",