@ikas/storefront 0.2.0 → 0.3.0-alpha.1

package/build/index.es.js

@@ -24151,6 +24151,108 @@ var IkasProductOptionSet = /** @class */ (function () {
     return IkasProductOptionSet;
 }());
 
+var RaffleDateRangeField = /** @class */ (function () {
+    function RaffleDateRangeField(data) {
+        this.start = data.start || null;
+        this.end = data.end || null;
+        makeAutoObservable(this);
+    }
+    return RaffleDateRangeField;
+}());
+var IkasRaffleVerificationTypeEnum;
+(function (IkasRaffleVerificationTypeEnum) {
+    IkasRaffleVerificationTypeEnum["EMAIL"] = "EMAIL";
+    IkasRaffleVerificationTypeEnum["MERSIS"] = "MERSIS";
+})(IkasRaffleVerificationTypeEnum || (IkasRaffleVerificationTypeEnum = {}));
+var IkasRaffle = /** @class */ (function () {
+    function IkasRaffle(data) {
+        if (data === void 0) { data = {}; }
+        var _a;
+        this.id = data.id || Date.now() + "";
+        this.createdAt = data.createdAt || Date.now();
+        this.updatedAt = data.updatedAt || Date.now();
+        this.deleted = data.deleted || null;
+        this.name = data.name || "";
+        this.participantCount = data.participantCount || 0;
+        this.requiredCustomerAccount = data.requiredCustomerAccount || false;
+        this.status = data.status || false;
+        this.verificationType =
+            data.verificationType || IkasRaffleVerificationTypeEnum.EMAIL;
+        this.dateRange = data.dateRange
+            ? new RaffleDateRangeField(data.dateRange)
+            : null;
+        this.metadata = data.metadata
+            ? new IkasRaffleMetaData(data.metadata)
+            : null;
+        this.variants =
+            ((_a = data.variants) === null || _a === void 0 ? void 0 : _a.map(function (v) { return new IkasRaffleAppliedProduct(v); })) || [];
+    }
+    Object.defineProperty(IkasRaffle.prototype, "isRaffleAvailable", {
+        get: function () {
+            var _a, _b;
+            var now = moment().utc(true);
+            if (!this.status)
+                return false;
+            else if (!now.isBetween((_a = this.dateRange) === null || _a === void 0 ? void 0 : _a.start, (_b = this.dateRange) === null || _b === void 0 ? void 0 : _b.end, undefined, "[]"))
+                return false;
+            else
+                return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasRaffle;
+}());
+var IkasRaffleMetadataTargetType;
+(function (IkasRaffleMetadataTargetType) {
+    IkasRaffleMetadataTargetType["RAFFLE"] = "RAFFLE";
+})(IkasRaffleMetadataTargetType || (IkasRaffleMetadataTargetType = {}));
+var IkasRaffleMetaData = /** @class */ (function () {
+    function IkasRaffleMetaData(data) {
+        this.id = data.id || Date.now() + "";
+        this.createdAt = data.createdAt || Date.now();
+        this.updatedAt = data.updatedAt || Date.now();
+        this.deleted = data.deleted || null;
+        this.description = data.description || "";
+        this.pageTitle = data.pageTitle || "";
+        this.slug = data.slug || "";
+        this.targetId = data.targetId || "";
+        this.targetType = data.targetType || IkasRaffleMetadataTargetType.RAFFLE;
+    }
+    return IkasRaffleMetaData;
+}());
+var IkasRaffleParticipant = /** @class */ (function () {
+    function IkasRaffleParticipant(data) {
+        this.id = data.id || null;
+        this.createdAt = data.createdAt || Date.now();
+        this.updatedAt = data.updatedAt || Date.now();
+        this.deleted = data.deleted || false;
+        this.customerId = data.customerId || null;
+        this.raffleId = data.raffleId || "";
+        this.firstName = data.firstName || "";
+        this.lastName = data.lastName || "";
+        this.fullName = data.fullName || null;
+        this.email = data.email || "";
+        this.applicationDate = data.applicationDate || 0;
+        this.phone = data.phone || null;
+        this.isWinner = data.isWinner || null;
+        this.extraData = data.extraData || {};
+        this.appliedProducts = data.appliedProducts
+            ? data.appliedProducts.map(function (ap) { return new IkasRaffleAppliedProduct(ap); })
+            : [];
+        makeAutoObservable(this);
+    }
+    return IkasRaffleParticipant;
+}());
+var IkasRaffleAppliedProduct = /** @class */ (function () {
+    function IkasRaffleAppliedProduct(data) {
+        this.productId = data.productId || "";
+        this.variantId = data.variantId || "";
+        makeAutoObservable(this);
+    }
+    return IkasRaffleAppliedProduct;
+}());
+
 var IkasThemeComponentProp = /** @class */ (function () {
     function IkasThemeComponentProp(data) {
         this.id = data.id || Date.now() + "";
@@ -24189,6 +24291,8 @@ var IkasThemeComponentPropType;
     IkasThemeComponentPropType["BLOG_LIST"] = "BLOG_LIST";
     IkasThemeComponentPropType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
     IkasThemeComponentPropType["BLOG_CATEGORY_LIST"] = "BLOG_CATEGORY_LIST";
+    IkasThemeComponentPropType["RAFFLE"] = "RAFFLE";
+    IkasThemeComponentPropType["RAFFLE_LIST"] = "RAFFLE_LIST";
     IkasThemeComponentPropType["OBJECT"] = "OBJECT";
     IkasThemeComponentPropType["STATIC_LIST"] = "STATIC_LIST";
     IkasThemeComponentPropType["DYNAMIC_LIST"] = "DYNAMIC_LIST";
@@ -24316,6 +24420,9 @@ var IkasThemePageType;
     IkasThemePageType["BLOG_INDEX"] = "BLOG_INDEX";
     IkasThemePageType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
     IkasThemePageType["CHECKOUT"] = "CHECKOUT";
+    IkasThemePageType["RAFFLE"] = "RAFFLE";
+    IkasThemePageType["RAFFLE_DETAIL"] = "RAFFLE_DETAIL";
+    IkasThemePageType["RAFFLE_ACOUNT"] = "RAFFLE_ACCOUNT";
 })(IkasThemePageType || (IkasThemePageType = {}));
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
@@ -37782,6 +37889,13 @@ var ProductSearchShowStockOptionEnum;
     ProductSearchShowStockOptionEnum["SHOW_ALL"] = "SHOW_ALL";
     ProductSearchShowStockOptionEnum["SHOW_OUT_OF_STOCK_AT_END"] = "SHOW_OUT_OF_STOCK_AT_END";
 })(ProductSearchShowStockOptionEnum || (ProductSearchShowStockOptionEnum = {}));
+/**
+ * RaffleMetadataTargetTypeEnum
+ */
+var RaffleMetadataTargetTypeEnum;
+(function (RaffleMetadataTargetTypeEnum) {
+    RaffleMetadataTargetTypeEnum["RAFFLE"] = "RAFFLE";
+})(RaffleMetadataTargetTypeEnum || (RaffleMetadataTargetTypeEnum = {}));
 /**
  * Shipping Method Enum
  */
@@ -37864,6 +37978,14 @@ var VariantSelectionTypeEnum;
     VariantSelectionTypeEnum["CHOICE"] = "CHOICE";
     VariantSelectionTypeEnum["COLOR"] = "COLOR";
 })(VariantSelectionTypeEnum || (VariantSelectionTypeEnum = {}));
+/**
+ * Verification Type Enum
+ */
+var VerificationTypeEnum;
+(function (VerificationTypeEnum) {
+    VerificationTypeEnum["EMAIL"] = "EMAIL";
+    VerificationTypeEnum["MERSIS"] = "MERSIS";
+})(VerificationTypeEnum || (VerificationTypeEnum = {}));
 //==============================================================
 // END Enums and Input Objects
 //==============================================================
@@ -39546,6 +39668,75 @@ var EqualsRule = /** @class */ (function (_super) {
         });
     };
     return EqualsRule;
+}(ValidationRule));
+var IdentityNumberRule = /** @class */ (function (_super) {
+    __extends(IdentityNumberRule, _super);
+    function IdentityNumberRule() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(IdentityNumberRule.prototype, "errorMessage", {
+        get: function () {
+            if (!this.message)
+                return "";
+            if (typeof this.message === "string")
+                return this.message;
+            return this.message(this.model);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IdentityNumberRule.prototype.run = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var identityNumber, tcknString, odd, even, result, TCSum, incorrect, i;
+            return __generator(this, function (_a) {
+                identityNumber = this.value;
+                if (!identityNumber)
+                    return [2 /*return*/, false];
+                tcknString = identityNumber.toString();
+                odd = 0, even = 0, result = 0, TCSum = 0, incorrect = [
+                    11111111110,
+                    22222222220,
+                    33333333330,
+                    44444444440,
+                    55555555550,
+                    66666666660,
+                    7777777770,
+                    88888888880,
+                    99999999990,
+                ];
+                if (tcknString.length !== 11)
+                    return [2 /*return*/, false];
+                if (isNaN(identityNumber))
+                    return [2 /*return*/, false];
+                if (tcknString[0] === "0")
+                    return [2 /*return*/, false];
+                odd =
+                    parseInt(tcknString[0]) +
+                        parseInt(tcknString[2]) +
+                        parseInt(tcknString[4]) +
+                        parseInt(tcknString[6]) +
+                        parseInt(tcknString[8]);
+                even =
+                    parseInt(tcknString[1]) +
+                        parseInt(tcknString[3]) +
+                        parseInt(tcknString[5]) +
+                        parseInt(tcknString[7]);
+                odd = odd * 7;
+                result = Math.abs(odd - even);
+                if (result % 10 !== parseInt(tcknString[9]))
+                    return [2 /*return*/, false];
+                for (i = 0; i < 10; i++) {
+                    TCSum += parseInt(tcknString[i]);
+                }
+                if (TCSum % 10 !== parseInt(tcknString[10]))
+                    return [2 /*return*/, false];
+                if (incorrect.toString().indexOf(tcknString) !== -1)
+                    return [2 /*return*/, false];
+                return [2 /*return*/, true];
+            });
+        });
+    };
+    return IdentityNumberRule;
 }(ValidationRule));
 
 var LoginForm = /** @class */ (function () {
@@ -40950,6 +41141,281 @@ var AccountInfoForm = /** @class */ (function () {
     return AccountInfoForm;
 }());
 
+var RaffleForm = /** @class */ (function () {
+    function RaffleForm(props) {
+        var _this = this;
+        var _a, _b, _c;
+        this.model = {
+            firstName: ((_a = IkasStorefrontConfig.store.customerStore.customer) === null || _a === void 0 ? void 0 : _a.firstName) || "",
+            lastName: ((_b = IkasStorefrontConfig.store.customerStore.customer) === null || _b === void 0 ? void 0 : _b.lastName) || "",
+            email: ((_c = IkasStorefrontConfig.store.customerStore.customer) === null || _c === void 0 ? void 0 : _c.email) || "",
+            extraData: {
+                birthYear: null,
+                identityNumber: null,
+            },
+            phone: "",
+        };
+        this.onFirstNameChange = function (value) {
+            _this.firstName = value;
+        };
+        this.onLastNameChange = function (value) {
+            _this.lastName = value;
+        };
+        this.onEmailChange = function (value) {
+            _this.email = value;
+        };
+        this.onBirthYearChange = function (value) {
+            _this.birthYear = value;
+        };
+        this.onIdentityNumberChange = function (value) {
+            _this.identityNumber = value;
+        };
+        this.onPhoneChange = function (value) {
+            _this.phone = value;
+        };
+        makeObservable(this, {
+            emailErrorMessage: computed,
+            firstNameErrorMessage: computed,
+            lastNameErrorMessage: computed,
+            birthYearErrorMessage: computed,
+            identityNumberErrorMessage: computed,
+            hasValidatorError: computed,
+            results: computed,
+            redirect: computed,
+            model: observable,
+            validateAll: action,
+        });
+        this.raffle = props.raffle;
+        this.validator = new Validator(this.model, [
+            new RequiredRule({
+                fieldKey: "firstName",
+                valuePath: "firstName",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "lastName",
+                valuePath: "lastName",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "email",
+                valuePath: "email",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "birthYear",
+                valuePath: "extraData.birthYear",
+                message: props.message.requiredRule,
+            }),
+            new RequiredRule({
+                fieldKey: "identityNumber",
+                valuePath: "extraData.identityNumber",
+                message: props.message.requiredRule,
+            }),
+            new EmailRule({
+                fieldKey: "email",
+                valuePath: "email",
+                message: props.message.emailRule,
+            }),
+            new PhoneRule({
+                fieldKey: "phone",
+                valuePath: "phone",
+                message: props.message.phoneRule,
+            }),
+            new MinRule({
+                fieldKey: "birthYear",
+                valuePath: "extraData.birthYear",
+                message: props.message.birthdayRule,
+                minValue: 1000,
+            }),
+            new MaxRule({
+                fieldKey: "birthYear",
+                valuePath: "extraData.birthYear",
+                message: props.message.birthdayRule,
+                maxValue: 9999,
+            }),
+            new IdentityNumberRule({
+                fieldKey: "identityNumber",
+                valuePath: "extraData.identityNumber",
+                message: props.message.identityNumberRule,
+            }),
+        ]);
+    }
+    Object.defineProperty(RaffleForm.prototype, "firstName", {
+        get: function () {
+            return this.model.firstName;
+        },
+        set: function (value) {
+            this.model.firstName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "lastName", {
+        get: function () {
+            return this.model.lastName;
+        },
+        set: function (value) {
+            this.model.lastName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "email", {
+        get: function () {
+            return this.model.email;
+        },
+        set: function (value) {
+            this.model.email = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "birthYear", {
+        get: function () {
+            return this.model.extraData.birthYear;
+        },
+        set: function (value) {
+            this.model.extraData.birthYear = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "identityNumber", {
+        get: function () {
+            return this.model.extraData.identityNumber;
+        },
+        set: function (value) {
+            this.model.extraData.identityNumber = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "phone", {
+        get: function () {
+            return this.model.phone;
+        },
+        set: function (value) {
+            this.model.phone = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "firstNameErrorMessage", {
+        get: function () {
+            return this.validator.results.firstName.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "lastNameErrorMessage", {
+        get: function () {
+            return this.validator.results.lastName.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "emailErrorMessage", {
+        get: function () {
+            return this.validator.results.email.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "birthYearErrorMessage", {
+        get: function () {
+            return this.validator.results.birthYear.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "identityNumberErrorMessage", {
+        get: function () {
+            return this.validator.results.identityNumber.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "phoneErrorMessage", {
+        get: function () {
+            return this.validator.results.phone.errorMessage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "redirect", {
+        get: function () {
+            if (typeof window !== "undefined") {
+                var urlSearch = new URLSearchParams(window.location.search);
+                return urlSearch.get("redirect");
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "hasValidatorError", {
+        get: function () {
+            return this.validator.hasError;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RaffleForm.prototype, "results", {
+        get: function () {
+            return this.validator.results;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    RaffleForm.prototype.validateAll = function () {
+        return this.validator.validateAll();
+    };
+    RaffleForm.prototype.submit = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, hasFormError, isRaffleFormSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = { isFormError: false, isSuccess: false };
+                        return [4 /*yield*/, this.validateAll()];
+                    case 1:
+                        hasFormError = _a.sent();
+                        if (hasFormError) {
+                            response.isFormError = true;
+                            return [2 /*return*/, response];
+                        }
+                        _a.label = 2;
+                    case 2:
+                        _a.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, IkasRaffleAPI.saveRaffleParticipant(new IkasRaffleParticipant({
+                                appliedProducts: this.raffle.variants || [],
+                                email: this.email,
+                                firstName: this.firstName,
+                                lastName: this.lastName,
+                                raffleId: this.raffle.id,
+                                extraData: {
+                                    birthYear: this.birthYear,
+                                    identityNumber: this.identityNumber,
+                                },
+                                phone: this.phone,
+                            }))];
+                    case 3:
+                        isRaffleFormSuccess = _a.sent();
+                        if (isRaffleFormSuccess) {
+                            response.isSuccess = true;
+                        }
+                        return [2 /*return*/, response];
+                    case 4:
+                        _a.sent();
+                        return [2 /*return*/, response];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return RaffleForm;
+}());
+
 var CustomerReviewForm = /** @class */ (function () {
     function CustomerReviewForm(props) {
         var _this = this;
@@ -41090,6 +41556,263 @@ var IkasComponentRenderer = /** @class */ (function () {
     return IkasComponentRenderer;
 }());
 
+var IkasRaffleList = /** @class */ (function () {
+    function IkasRaffleList(data) {
+        var _this = this;
+        if (data === void 0) { data = {}; }
+        this._initialized = false;
+        this._minPage = null;
+        this._isLoading = false;
+        this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_1;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.getRaffleList(this.page, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.raffles;
+                        this._count = response.count;
+                        this._initialized = true;
+                        this._minPage = this.page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_1 = _a.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        runInAction(function () {
+                            _this._isLoading = false;
+                        });
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPrev = function () { return __awaiter(_this, void 0, void 0, function () {
+            var minPage_1, response_1, err_2;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading || !this.hasPrev)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        minPage_1 = this._minPage - 1;
+                        return [4 /*yield*/, this.getRaffleList(minPage_1, this.limit)];
+                    case 2:
+                        response_1 = _a.sent();
+                        runInAction(function () {
+                            _this.data = response_1.raffles.concat(_this.data);
+                            _this._count = response_1.count;
+                            _this._minPage = minPage_1;
+                        });
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_2 = _a.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        runInAction(function () {
+                            _this._isLoading = false;
+                        });
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getNext = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response_2, err_3;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading || !this.hasNext)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.getRaffleList(this.page + 1, this.limit)];
+                    case 2:
+                        response_2 = _a.sent();
+                        runInAction(function () {
+                            _this.data = _this.data.concat(response_2.raffles);
+                            _this._count = response_2.count;
+                            _this._page = _this.page + 1;
+                        });
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_3 = _a.sent();
+                        console.log(err_3);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        runInAction(function () {
+                            _this._isLoading = false;
+                        });
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPage = function (page) { return __awaiter(_this, void 0, void 0, function () {
+            var response_3, err_4;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.getRaffleList(page, this.limit)];
+                    case 2:
+                        response_3 = _a.sent();
+                        runInAction(function () {
+                            _this.data = response_3.raffles;
+                            _this._count = response_3.count;
+                            _this._page = page;
+                            _this._minPage = page;
+                        });
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_4 = _a.sent();
+                        console.log(err_4);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        runInAction(function () {
+                            _this._isLoading = false;
+                        });
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.data = data.data ? data.data.map(function (r) { return new IkasRaffle(r); }) : [];
+        this._limit = data.limit || 20;
+        this._page = data.page || 1;
+        this._count = data.count || 0;
+        this._initialized = data.initialized || false;
+        this._minPage = data.minPage || null;
+        this._start = data.start || null;
+        this._end = data.end || null;
+        this._includeDeleted = data.includeDeleted || null;
+        this._name = data.name || null;
+        this._search = data.search || null;
+        this._id = data.id || null;
+        makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasRaffleList.prototype, "limit", {
+        get: function () {
+            return this._limit;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "page", {
+        get: function () {
+            return this._page;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "count", {
+        get: function () {
+            return this._count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "pageCount", {
+        get: function () {
+            return Math.ceil(this._count / this._limit);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "isInitialized", {
+        get: function () {
+            return this._initialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "hasPrev", {
+        get: function () {
+            if (!this._minPage)
+                return false;
+            return this._minPage > 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "hasNext", {
+        get: function () {
+            return this.page * this.limit < this.count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "isLoading", {
+        get: function () {
+            return this._isLoading;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasRaffleList.prototype, "minPage", {
+        get: function () {
+            return this._minPage || 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasRaffleList.prototype.getRaffleList = function (page, limit) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasRaffleAPI.listRaffles({
+                            start: this._start,
+                            end: this._end,
+                            includeDeleted: this._includeDeleted || false,
+                            name: this._name,
+                            id: this._id,
+                            search: this._search || undefined,
+                            pagination: {
+                                limit: limit,
+                                page: page,
+                            },
+                        })];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    IkasRaffleList.prototype.toJSON = function () {
+        return {
+            data: this.data,
+            limit: this._limit,
+            page: this._page,
+            count: this._count,
+            initialized: this._initialized,
+            minPage: this._minPage,
+        };
+    };
+    return IkasRaffleList;
+}());
+
 var IkasProductListPropValue = /** @class */ (function () {
     function IkasProductListPropValue(data) {
         this.initialSort = null;
@@ -41211,6 +41934,30 @@ var IkasBlogCategoryListPropValue = /** @class */ (function () {
     return IkasBlogCategoryListPropValue;
 }());
 
+var IkasRafflePropValue = /** @class */ (function () {
+    function IkasRafflePropValue(data) {
+        this.raffleId = null;
+        // Only for raffle detail page
+        this.usePageData = null;
+        this.raffleId = data.raffleId;
+        this.usePageData = data.usePageData;
+        makeAutoObservable(this);
+    }
+    return IkasRafflePropValue;
+}());
+
+var IkasRaffleListPropValue = /** @class */ (function () {
+    function IkasRaffleListPropValue(data) {
+        this.initialLimit = null;
+        // Only for static lists
+        this.raffleIds = null;
+        this.initialLimit = data.initialLimit || 20;
+        this.raffleIds = data.raffleIds;
+        makeAutoObservable(this);
+    }
+    return IkasRaffleListPropValue;
+}());
+
 var IkasBrandAPI = /** @class */ (function () {
     function IkasBrandAPI() {
     }
@@ -43459,6 +44206,230 @@ var IkasProductOptionSetAPI = /** @class */ (function () {
 }());
 var templateObject_1$i;
 
+var IkasRaffleAPI = /** @class */ (function () {
+    function IkasRaffleAPI() {
+    }
+    IkasRaffleAPI.listRaffles = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var LIST_QUERY, _a, data, errors, count, raffles, error_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        LIST_QUERY = src(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n      query listRaffle(\n        $end: DateFilterInput\n        $start: DateFilterInput\n        $id: StringFilterInput\n        $includeDeleted: Boolean\n        $name: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n      ) {\n        listRaffle(\n          start: $start\n          end: $end\n          id: $id\n          includeDeleted: $includeDeleted\n          name: $name\n          pagination: $pagination\n          search: $search\n        ) {\n          count\n          hasNext\n          limit\n          page\n          data {\n            createdAt\n            variants {\n              productId\n              variantId\n            }\n            verificationType\n            dateRange {\n              end\n              start\n            }\n            deleted\n            id\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            name\n            participantCount\n            requiredCustomerAccount\n            status\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query listRaffle(\n        $end: DateFilterInput\n        $start: DateFilterInput\n        $id: StringFilterInput\n        $includeDeleted: Boolean\n        $name: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n      ) {\n        listRaffle(\n          start: $start\n          end: $end\n          id: $id\n          includeDeleted: $includeDeleted\n          name: $name\n          pagination: $pagination\n          search: $search\n        ) {\n          count\n          hasNext\n          limit\n          page\n          data {\n            createdAt\n            variants {\n              productId\n              variantId\n            }\n            verificationType\n            dateRange {\n              end\n              start\n            }\n            deleted\n            id\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            name\n            participantCount\n            requiredCustomerAccount\n            status\n            updatedAt\n          }\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: LIST_QUERY,
+                                variables: {
+                                    start: params.start ? { eq: params.start } : undefined,
+                                    end: params.end ? { eq: params.end } : undefined,
+                                    id: params.id ? { eq: params.id } : undefined,
+                                    includeDeleted: params.includeDeleted
+                                        ? params.includeDeleted
+                                        : params.includeDeleted,
+                                    name: params.name ? { eq: params.name } : undefined,
+                                    pagination: params.pagination
+                                        ? {
+                                            limit: params.pagination.limit,
+                                            page: params.pagination.page,
+                                        }
+                                        : undefined,
+                                    search: params.search,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/, {
+                                    raffles: [],
+                                    count: 0,
+                                }];
+                        }
+                        count = data.listRaffle.count;
+                        raffles = data.listRaffle.data.map(function (raffle) {
+                            var _a, _b;
+                            return new IkasRaffle({
+                                id: raffle.id,
+                                dateRange: {
+                                    end: (_a = raffle.dateRange) === null || _a === void 0 ? void 0 : _a.end,
+                                    start: (_b = raffle.dateRange) === null || _b === void 0 ? void 0 : _b.start,
+                                },
+                                createdAt: raffle.createdAt,
+                                deleted: raffle.deleted,
+                                metadata: raffle.metadata || undefined,
+                                name: raffle.name,
+                                participantCount: raffle.participantCount,
+                                requiredCustomerAccount: raffle.requiredCustomerAccount,
+                                status: raffle.status,
+                                updatedAt: raffle.updatedAt,
+                                variants: raffle.variants.length > 0
+                                    ? raffle.variants.map(function (v) { return new IkasRaffleAppliedProduct(v); })
+                                    : undefined,
+                                verificationType: raffle.verificationType,
+                            });
+                        });
+                        return [2 /*return*/, {
+                                count: count,
+                                raffles: raffles,
+                            }];
+                    case 3:
+                        error_1 = _b.sent();
+                        console.log(error_1);
+                        return [2 /*return*/, {
+                                raffles: [],
+                                count: 0,
+                            }];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasRaffleAPI.saveRaffleParticipant = function (participant) {
+        return __awaiter(this, void 0, void 0, function () {
+            var SAVE_RAFFLE_PARTICIPANT, _a, data, errors, error_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        SAVE_RAFFLE_PARTICIPANT = src(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n      mutation saveRaffleParticipant($input: RaffleParticipantsInput!) {\n        saveRaffleParticipant(input: $input) {\n          applicationDate\n          isWinner\n          lastName\n          phone\n          raffleId\n          updatedAt\n          appliedProducts {\n            productId\n            variantId\n          }\n          createdAt\n          customerId\n          deleted\n          email\n          extraData\n          firstName\n          fullName\n          id\n        }\n      }\n    "], ["\n      mutation saveRaffleParticipant($input: RaffleParticipantsInput!) {\n        saveRaffleParticipant(input: $input) {\n          applicationDate\n          isWinner\n          lastName\n          phone\n          raffleId\n          updatedAt\n          appliedProducts {\n            productId\n            variantId\n          }\n          createdAt\n          customerId\n          deleted\n          email\n          extraData\n          firstName\n          fullName\n          id\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: SAVE_RAFFLE_PARTICIPANT,
+                                variables: {
+                                    input: {
+                                        appliedProducts: participant.appliedProducts,
+                                        email: participant.email,
+                                        firstName: participant.firstName,
+                                        lastName: participant.lastName,
+                                        raffleId: participant.raffleId,
+                                        extraData: participant.extraData,
+                                        phone: participant.phone,
+                                    },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            console.log(errors);
+                        }
+                        if (data && data.saveRaffleParticipant)
+                            return [2 /*return*/, new IkasRaffleParticipant(data.saveRaffleParticipant)];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_2 = _b.sent();
+                        console.log(error_2);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasRaffleAPI.listRaffleMetaData = function (slug, targetId, targetType) {
+        return __awaiter(this, void 0, void 0, function () {
+            var LIST_QUERY, _a, data, errors, err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        LIST_QUERY = src(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n      query listRaffleMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: RaffleMetadataTargetTypeEnumFilter\n      ) {\n        listRaffleMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          createdAt\n          deleted\n          description\n          id\n          pageTitle\n          slug\n          targetId\n          targetType\n          updatedAt\n        }\n      }\n    "], ["\n      query listRaffleMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: RaffleMetadataTargetTypeEnumFilter\n      ) {\n        listRaffleMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          createdAt\n          deleted\n          description\n          id\n          pageTitle\n          slug\n          targetId\n          targetType\n          updatedAt\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: LIST_QUERY,
+                                variables: {
+                                    slug: slug
+                                        ? {
+                                            eq: slug,
+                                        }
+                                        : undefined,
+                                    targetId: targetId
+                                        ? {
+                                            eq: targetId,
+                                        }
+                                        : undefined,
+                                    targetType: targetType
+                                        ? {
+                                            in: targetType,
+                                        }
+                                        : undefined,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/, []];
+                        }
+                        return [2 /*return*/, data.listRaffleMetadata.map(function (d) { return new IkasRaffleMetaData(d); })];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.log(err_1);
+                        return [2 /*return*/, []];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasRaffleAPI.getRafflesByCustomerId = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var LIST_QUERY, data, raffles, error_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        LIST_QUERY = src(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n      query getRafflesByCustomerId {\n        getRafflesByCustomerId {\n          createdAt\n          variants {\n            productId\n            variantId\n          }\n          verificationType\n          dateRange {\n            end\n            start\n          }\n          deleted\n          id\n          metadata {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          name\n          participantCount\n          requiredCustomerAccount\n          status\n          updatedAt\n        }\n      }\n    "], ["\n      query getRafflesByCustomerId {\n        getRafflesByCustomerId {\n          createdAt\n          variants {\n            productId\n            variantId\n          }\n          verificationType\n          dateRange {\n            end\n            start\n          }\n          deleted\n          id\n          metadata {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          name\n          participantCount\n          requiredCustomerAccount\n          status\n          updatedAt\n        }\n      }\n    "])));
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: LIST_QUERY,
+                            })];
+                    case 2:
+                        data = (_a.sent()).data;
+                        raffles = data.getRafflesByCustomerId.map(function (raffle) {
+                            var _a, _b;
+                            return new IkasRaffle({
+                                id: raffle.id,
+                                dateRange: {
+                                    end: (_a = raffle.dateRange) === null || _a === void 0 ? void 0 : _a.end,
+                                    start: (_b = raffle.dateRange) === null || _b === void 0 ? void 0 : _b.start,
+                                },
+                                createdAt: raffle.createdAt,
+                                deleted: raffle.deleted,
+                                metadata: raffle.metadata || undefined,
+                                name: raffle.name,
+                                participantCount: raffle.participantCount,
+                                requiredCustomerAccount: raffle.requiredCustomerAccount,
+                                status: raffle.status,
+                                updatedAt: raffle.updatedAt,
+                                variants: raffle.variants.length > 0
+                                    ? raffle.variants.map(function (v) { return new IkasRaffleAppliedProduct(v); })
+                                    : undefined,
+                                verificationType: raffle.verificationType,
+                            });
+                        });
+                        return [2 /*return*/, raffles];
+                    case 3:
+                        error_3 = _a.sent();
+                        console.log(error_3);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return IkasRaffleAPI;
+}());
+var templateObject_1$j, templateObject_2$9, templateObject_3$5, templateObject_4$3;
+
 var IkasProductBackInStockReminderAPI = /** @class */ (function () {
     function IkasProductBackInStockReminderAPI() {
     }
@@ -43468,7 +44439,7 @@ var IkasProductBackInStockReminderAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n      query listProductBackInStockRemind(\n        $id: StringFilterInput\n        $updatedAt: DateFilterInput\n        $includeDeleted: Boolean\n        $email: StringFilterInput\n        $productId: StringFilterInput\n        $variantId: StringFilterInput\n      ) {\n        listProductBackInStockRemind(\n          id: $id\n          updatedAt: $updatedAt\n          includeDeleted: $includeDeleted\n          email: $email\n          productId: $productId\n          variantId: $variantId\n        ) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "], ["\n      query listProductBackInStockRemind(\n        $id: StringFilterInput\n        $updatedAt: DateFilterInput\n        $includeDeleted: Boolean\n        $email: StringFilterInput\n        $productId: StringFilterInput\n        $variantId: StringFilterInput\n      ) {\n        listProductBackInStockRemind(\n          id: $id\n          updatedAt: $updatedAt\n          includeDeleted: $includeDeleted\n          email: $email\n          productId: $productId\n          variantId: $variantId\n        ) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n      query listProductBackInStockRemind(\n        $id: StringFilterInput\n        $updatedAt: DateFilterInput\n        $includeDeleted: Boolean\n        $email: StringFilterInput\n        $productId: StringFilterInput\n        $variantId: StringFilterInput\n      ) {\n        listProductBackInStockRemind(\n          id: $id\n          updatedAt: $updatedAt\n          includeDeleted: $includeDeleted\n          email: $email\n          productId: $productId\n          variantId: $variantId\n        ) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "], ["\n      query listProductBackInStockRemind(\n        $id: StringFilterInput\n        $updatedAt: DateFilterInput\n        $includeDeleted: Boolean\n        $email: StringFilterInput\n        $productId: StringFilterInput\n        $variantId: StringFilterInput\n      ) {\n        listProductBackInStockRemind(\n          id: $id\n          updatedAt: $updatedAt\n          includeDeleted: $includeDeleted\n          email: $email\n          productId: $productId\n          variantId: $variantId\n        ) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43508,7 +44479,7 @@ var IkasProductBackInStockReminderAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n      mutation saveProductBackInStockRemind(\n        $input: ProductBackInStockRemindInput!\n      ) {\n        saveProductBackInStockRemind(input: $input) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "], ["\n      mutation saveProductBackInStockRemind(\n        $input: ProductBackInStockRemindInput!\n      ) {\n        saveProductBackInStockRemind(input: $input) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n      mutation saveProductBackInStockRemind(\n        $input: ProductBackInStockRemindInput!\n      ) {\n        saveProductBackInStockRemind(input: $input) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "], ["\n      mutation saveProductBackInStockRemind(\n        $input: ProductBackInStockRemindInput!\n      ) {\n        saveProductBackInStockRemind(input: $input) {\n          createdAt\n          customerId\n          deleted\n          email\n          id\n          productId\n          storefrontId\n          updatedAt\n          variantId\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43539,7 +44510,7 @@ var IkasProductBackInStockReminderAPI = /** @class */ (function () {
     };
     return IkasProductBackInStockReminderAPI;
 }());
-var templateObject_1$j, templateObject_2$9;
+var templateObject_1$k, templateObject_2$a;
 
 var IkasProductListPropValueProvider = /** @class */ (function () {
     function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
@@ -43611,6 +44582,9 @@ function getPlaceholderBlog() {
 }
 function getPlaceholderBlogCategory() {
     return new IkasBlogCategory();
+}
+function getPlaceholderRaffle() {
+    return new IkasRaffle();
 }
 
 var IkasProductDetailPropValueProvider = /** @class */ (function () {
@@ -44290,6 +45264,64 @@ var IkasBlogCategoryListPropValueProvider = /** @class */ (function () {
     return IkasBlogCategoryListPropValueProvider;
 }());
 
+var IkasRaffleListPropValueProvider = /** @class */ (function () {
+    function IkasRaffleListPropValueProvider() {
+    }
+    IkasRaffleListPropValueProvider.prototype.getValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var raffleList;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        raffleList = new IkasRaffleList();
+                        //@ts-ignore
+                        return [4 /*yield*/, raffleList.getInitial()];
+                    case 1:
+                        //@ts-ignore
+                        _a.sent();
+                        return [2 /*return*/, raffleList];
+                }
+            });
+        });
+    };
+    return IkasRaffleListPropValueProvider;
+}());
+
+var IkasRafflePropValueProvider = /** @class */ (function () {
+    function IkasRafflePropValueProvider(propValue) {
+        this.rafflePropValue = propValue;
+    }
+    IkasRafflePropValueProvider.prototype.getValue = function () {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var raffle;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if ((_a = this.rafflePropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
+                            return [2 /*return*/, {
+                                    raffle: null,
+                                    rafflePropValue: this.rafflePropValue,
+                                }];
+                        }
+                        if (!this.rafflePropValue.raffleId)
+                            return [2 /*return*/, null];
+                        return [4 /*yield*/, IkasRaffleAPI.listRaffles({
+                                id: this.rafflePropValue.raffleId,
+                            })];
+                    case 1:
+                        raffle = _b.sent();
+                        return [2 /*return*/, {
+                                raffle: raffle.raffles[0] || getPlaceholderRaffle(),
+                                rafflePropValue: this.rafflePropValue,
+                            }];
+                }
+            });
+        });
+    };
+    return IkasRafflePropValueProvider;
+}());
+
 var IkasCustomPropValueProvider = /** @class */ (function () {
     function IkasCustomPropValueProvider(value, customData, theme, pageType, pageDataProvider, pageSpecificData, pageParams) {
         this.value = value;
@@ -44306,11 +45338,12 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (this.value === undefined || this.value === null)
+                        if ((this.value === undefined || this.value === null) &&
+                            this.customData.type !== IkasThemeComponentPropType.RAFFLE_LIST)
                             return [2 /*return*/, { value: null, customData: this.customData }];
                         _b.label = 1;
                     case 1:
-                        _b.trys.push([1, 52, , 53]);
+                        _b.trys.push([1, 56, , 57]);
                         _a = this.customData.type;
                         switch (_a) {
                             case IkasThemeComponentPropType.TEXT: return [3 /*break*/, 2];
@@ -44339,111 +45372,121 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                             case IkasThemeComponentPropType.BLOG: return [3 /*break*/, 42];
                             case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 44];
                             case IkasThemeComponentPropType.BLOG_CATEGORY: return [3 /*break*/, 46];
-                            case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 48];
+                            case IkasThemeComponentPropType.BLOG_CATEGORY_LIST: return [3 /*break*/, 48];
+                            case IkasThemeComponentPropType.RAFFLE: return [3 /*break*/, 50];
+                            case IkasThemeComponentPropType.RAFFLE_LIST: return [3 /*break*/, 52];
                         }
-                        return [3 /*break*/, 50];
+                        return [3 /*break*/, 54];
                     case 2: return [4 /*yield*/, this.getTextValue()];
                     case 3:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 4: return [4 /*yield*/, this.getRichTextPropValue()];
                     case 5:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 6: return [4 /*yield*/, this.getBooleanValue()];
                     case 7:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 8: return [4 /*yield*/, this.getBrandListPropValue()];
                     case 9:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 10: return [4 /*yield*/, this.getBrandPropValue()];
                     case 11:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 12: return [4 /*yield*/, this.getCategoryListPropValue()];
                     case 13:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 14: return [4 /*yield*/, this.getCategoryPropValue()];
                     case 15:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 16: return [4 /*yield*/, this.getColorPropValue()];
                     case 17:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 18: return [4 /*yield*/, this.getImageListPropValue()];
                     case 19:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 20: return [4 /*yield*/, this.getImagePropValue()];
                     case 21:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 22: return [4 /*yield*/, this.getLinkPropValue()];
                     case 23:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 24: return [4 /*yield*/, this.getProductDetailPropValue()];
                     case 25:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 26: return [4 /*yield*/, this.getProductListPropValue()];
                     case 27:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 28: return [4 /*yield*/, this.getProductAttributePropValue()];
                     case 29:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 30: return [4 /*yield*/, this.getProductAttributeListPropValue()];
                     case 31:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 32: return [4 /*yield*/, this.getObjectValue()];
                     case 33:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 34: return [4 /*yield*/, this.getArrayValue()];
                     case 35:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 36: return [4 /*yield*/, this.getEnumValue()];
                     case 37:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 38: return [4 /*yield*/, this.getCustomDataValue()];
                     case 39:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 40: return [4 /*yield*/, this.getComponentListValue()];
                     case 41:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 42: return [4 /*yield*/, this.getBlogValue()];
                     case 43:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 44: return [4 /*yield*/, this.getBlogListValue()];
                     case 45:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 46: return [4 /*yield*/, this.getBlogCategoryValue()];
                     case 47:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
+                        return [3 /*break*/, 55];
                     case 48: return [4 /*yield*/, this.getBlogCategoryListValue()];
                     case 49:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 51];
-                    case 50: return [3 /*break*/, 51];
-                    case 51: return [3 /*break*/, 53];
-                    case 52:
+                        return [3 /*break*/, 55];
+                    case 50: return [4 /*yield*/, this.getRaffleValue()];
+                    case 51:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 55];
+                    case 52: return [4 /*yield*/, this.getRaffleListValue()];
+                    case 53:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 55];
+                    case 54: return [3 /*break*/, 55];
+                    case 55: return [3 /*break*/, 57];
+                    case 56:
                         _b.sent();
                         return [2 /*return*/];
-                    case 53:
+                    case 57:
                         if (this.customData.isRequired &&
                             ((customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === undefined || (customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === null))
                             return [2 /*return*/];
@@ -44738,6 +45781,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                             return [3 /*break*/, 3];
                         nestedValue = this.value[nestedData.key];
                         if (nestedData.isRequired &&
+                            nestedData.type !== IkasThemeComponentPropType.RAFFLE_LIST &&
                             (nestedValue === undefined || nestedValue === null))
                             throw new Error("Required data is missing");
                         nestedProvider = new IkasCustomPropValueProvider(nestedValue, nestedData, this.theme, this.pageType, this.pageDataProvider, this.pageSpecificData);
@@ -44776,6 +45820,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                         if (!(_i < _a.length)) return [3 /*break*/, 4];
                         itemValue = _a[_i];
                         if (nestedData.isRequired &&
+                            nestedData.type !== IkasThemeComponentPropType.RAFFLE_LIST &&
                             (itemValue === undefined || itemValue === null))
                             throw new Error("Required data is missing");
                         provider = new IkasCustomPropValueProvider(itemValue, nestedData, this.theme, this.pageType, this.pageDataProvider, this.pageSpecificData);
@@ -44926,6 +45971,42 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             });
         });
     };
+    IkasCustomPropValueProvider.prototype.getRaffleValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasRafflePropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getRaffleListValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasRaffleListPropValueProvider();
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
     return IkasCustomPropValueProvider;
 }());
 
@@ -45050,12 +46131,12 @@ var IkasPageDataProvider = /** @class */ (function () {
         });
     };
     IkasPageDataProvider.prototype.getPageSpecificData = function () {
-        var _a, _b;
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function () {
-            var slug, metaDataList, metaData, handleProductPage, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, _c;
+            var slug, metaDataList, metaData, handleProductPage, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, handleRafflePage, _d;
             var _this = this;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
                         if (this.pageType &&
                             ![
@@ -45064,6 +46145,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 IkasThemePageType.CATEGORY,
                                 IkasThemePageType.BLOG,
                                 IkasThemePageType.BLOG_CATEGORY,
+                                IkasThemePageType.RAFFLE_DETAIL,
                             ].includes(this.pageType))
                             return [2 /*return*/];
                         slug = this.pageParams.slug;
@@ -45074,17 +46156,25 @@ var IkasPageDataProvider = /** @class */ (function () {
                         if (!(((_a = this.possiblePageTypes) === null || _a === void 0 ? void 0 : _a.includes(IkasThemePageType.BLOG)) || ((_b = this.possiblePageTypes) === null || _b === void 0 ? void 0 : _b.includes(IkasThemePageType.BLOG_CATEGORY)))) return [3 /*break*/, 2];
                         return [4 /*yield*/, IkasBlogAPI.listBlogMetaData(slug)];
                     case 1:
-                        metaDataList = _d.sent();
+                        metaDataList = _e.sent();
                         if (!metaDataList.length)
                             return [2 /*return*/];
-                        return [3 /*break*/, 4];
-                    case 2: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
+                        return [3 /*break*/, 6];
+                    case 2:
+                        if (!((_c = this.possiblePageTypes) === null || _c === void 0 ? void 0 : _c.includes(IkasThemePageType.RAFFLE_DETAIL))) return [3 /*break*/, 4];
+                        return [4 /*yield*/, IkasRaffleAPI.listRaffleMetaData(slug)];
                     case 3:
-                        metaDataList = _d.sent();
+                        metaDataList = _e.sent();
+                        if (!metaDataList.length)
+                            return [2 /*return*/];
+                        return [3 /*break*/, 6];
+                    case 4: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
+                    case 5:
+                        metaDataList = _e.sent();
                         if (!metaDataList || !metaDataList.length)
                             return [2 /*return*/];
-                        _d.label = 4;
-                    case 4:
+                        _e.label = 6;
+                    case 6:
                         metaData = metaDataList[0];
                         if (!metaData.targetId)
                             return [2 /*return*/];
@@ -45209,27 +46299,49 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 }
                             });
                         }); };
-                        _c = metaData.targetType;
-                        switch (_c) {
-                            case IkasHTMLMetaDataTargetType.BRAND: return [3 /*break*/, 5];
-                            case IkasHTMLMetaDataTargetType.CATEGORY: return [3 /*break*/, 7];
-                            case IkasHTMLMetaDataTargetType.PRODUCT: return [3 /*break*/, 9];
-                            case IkasBlogMetadataTargetType.BLOG: return [3 /*break*/, 11];
-                            case IkasBlogMetadataTargetType.BLOG_CATEGORY: return [3 /*break*/, 13];
+                        handleRafflePage = function () { return __awaiter(_this, void 0, void 0, function () {
+                            var response, raffle;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, IkasRaffleAPI.listRaffles({
+                                            id: metaData.targetId,
+                                        })];
+                                    case 1:
+                                        response = _a.sent();
+                                        if (!response)
+                                            return [2 /*return*/];
+                                        raffle = response.raffles[0];
+                                        this.pageSpecificData = raffle;
+                                        this.pageType = IkasThemePageType.RAFFLE_DETAIL;
+                                        this.setPageMetaData(metaData);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); };
+                        _d = metaData.targetType;
+                        switch (_d) {
+                            case IkasHTMLMetaDataTargetType.BRAND: return [3 /*break*/, 7];
+                            case IkasHTMLMetaDataTargetType.CATEGORY: return [3 /*break*/, 9];
+                            case IkasHTMLMetaDataTargetType.PRODUCT: return [3 /*break*/, 11];
+                            case IkasBlogMetadataTargetType.BLOG: return [3 /*break*/, 13];
+                            case IkasBlogMetadataTargetType.BLOG_CATEGORY: return [3 /*break*/, 15];
+                            case IkasRaffleMetadataTargetType.RAFFLE: return [3 /*break*/, 17];
                         }
-                        return [3 /*break*/, 15];
-                    case 5: return [4 /*yield*/, handleBrandPage()];
-                    case 6: return [2 /*return*/, _d.sent()];
-                    case 7: return [4 /*yield*/, handleCategoryPage()];
-                    case 8: return [2 /*return*/, _d.sent()];
-                    case 9: return [4 /*yield*/, handleProductPage()];
-                    case 10: return [2 /*return*/, _d.sent()];
-                    case 11: return [4 /*yield*/, handleBlogPage()];
-                    case 12: return [2 /*return*/, _d.sent()];
-                    case 13: return [4 /*yield*/, handleBlogCategoryPage()];
-                    case 14: return [2 /*return*/, _d.sent()];
-                    case 15: return [3 /*break*/, 16];
-                    case 16: return [2 /*return*/];
+                        return [3 /*break*/, 19];
+                    case 7: return [4 /*yield*/, handleBrandPage()];
+                    case 8: return [2 /*return*/, _e.sent()];
+                    case 9: return [4 /*yield*/, handleCategoryPage()];
+                    case 10: return [2 /*return*/, _e.sent()];
+                    case 11: return [4 /*yield*/, handleProductPage()];
+                    case 12: return [2 /*return*/, _e.sent()];
+                    case 13: return [4 /*yield*/, handleBlogPage()];
+                    case 14: return [2 /*return*/, _e.sent()];
+                    case 15: return [4 /*yield*/, handleBlogCategoryPage()];
+                    case 16: return [2 /*return*/, _e.sent()];
+                    case 17: return [4 /*yield*/, handleRafflePage()];
+                    case 18: return [2 /*return*/, _e.sent()];
+                    case 19: return [3 /*break*/, 20];
+                    case 20: return [2 /*return*/];
                 }
             });
         });
@@ -45271,13 +46383,15 @@ var IkasPageDataProvider = /** @class */ (function () {
     };
     IkasPageDataProvider.prototype.getPageComponentPropValue = function (pageComponent, prop) {
         return __awaiter(this, void 0, void 0, function () {
-            var propValueProvider, propValue, _a, customData, pageComponents;
+            var propValueProvider, propValue, emptyPropValueTypes, _a, customData, pageComponents;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         propValue = pageComponent.propValues[prop.name];
-                        if (propValue === null || propValue === undefined)
+                        emptyPropValueTypes = [IkasThemeComponentPropType.RAFFLE_LIST];
+                        if ((propValue === null || propValue === undefined) &&
+                            !emptyPropValueTypes.includes(prop.type))
                             return [2 /*return*/, null];
                         _a = prop.type;
                         switch (_a) {
@@ -45304,78 +46418,86 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 20];
                             case IkasThemeComponentPropType.BLOG_CATEGORY: return [3 /*break*/, 21];
                             case IkasThemeComponentPropType.BLOG_CATEGORY_LIST: return [3 /*break*/, 22];
+                            case IkasThemeComponentPropType.RAFFLE: return [3 /*break*/, 23];
+                            case IkasThemeComponentPropType.RAFFLE_LIST: return [3 /*break*/, 24];
                         }
-                        return [3 /*break*/, 23];
+                        return [3 /*break*/, 25];
                     case 1:
                         propValueProvider = new IkasTextPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 2:
                         propValueProvider = new IkasRichTextPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 3:
                         propValueProvider = new IkasBooleanPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 4:
                         propValueProvider = new IkasImagePropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 5:
                         propValueProvider = new IkasImageListPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 6:
                         propValueProvider = new IkasBrandPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 7:
                         propValueProvider = new IkasBrandListPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 8:
                         propValueProvider = new IkasProductListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 9:
                         propValueProvider = new IkasProductDetailPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 10:
                         propValueProvider = new IkasAttributePropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 11:
                         propValueProvider = new IkasAttributeListPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 12:
                         propValueProvider = new IkasCategoryPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 13:
                         propValueProvider = new IkasCategoryListPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 14:
                         propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 15:
                         propValueProvider = new IkasColorPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 16:
                         customData = this.theme.customData.find(function (cd) { return cd.id === prop.customDataId; });
                         if (!customData)
                             return [2 /*return*/];
                         propValueProvider = new IkasCustomPropValueProvider(propValue, customData, this.theme, this.pageType, this, this.pageSpecificData, this.pageParams);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 17:
                         pageComponents = propValue;
                         return [4 /*yield*/, Promise.all(pageComponents.map(function (tp) { return _this.getPageComponentPropValues(tp); }))];
                     case 18: return [2 /*return*/, _b.sent()];
                     case 19:
                         propValueProvider = new IkasBlogPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 20:
                         propValueProvider = new IkasBlogListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 21:
                         propValueProvider = new IkasBlogCategoryPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
+                        return [3 /*break*/, 26];
                     case 22:
                         propValueProvider = new IkasBlogCategoryListPropValueProvider(propValue);
-                        return [3 /*break*/, 24];
-                    case 23: return [3 /*break*/, 24];
-                    case 24: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
-                    case 25: return [2 /*return*/, _b.sent()];
+                        return [3 /*break*/, 26];
+                    case 23:
+                        propValueProvider = new IkasRafflePropValueProvider(propValue);
+                        return [3 /*break*/, 26];
+                    case 24:
+                        propValueProvider = new IkasRaffleListPropValueProvider();
+                        return [3 /*break*/, 26];
+                    case 25: return [3 /*break*/, 26];
+                    case 26: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
+                    case 27: return [2 /*return*/, _b.sent()];
                 }
             });
         });
@@ -45433,6 +46555,10 @@ var IkasPageDataInit = /** @class */ (function () {
                 var blogCategory = parsed;
                 IkasPageDataInit.pageSpecificData = new IkasBlogCategory(blogCategory);
                 break;
+            case IkasThemePageType.RAFFLE_DETAIL:
+                var raffle_detail = parsed;
+                IkasPageDataInit.pageSpecificData = new IkasRaffle(raffle_detail);
+                break;
         }
     };
     IkasPageDataInit.isServer = function () {
@@ -45507,6 +46633,12 @@ var IkasPageDataInit = /** @class */ (function () {
                     case IkasThemeComponentPropType.BLOG_LIST:
                         IkasPageDataInit.initBlogCategoryListPropValue(prop, propValue, pageComponentPropValue);
                         break;
+                    case IkasThemeComponentPropType.RAFFLE:
+                        IkasPageDataInit.initRafflePropValue(prop, propValue, pageComponentPropValue);
+                        break;
+                    case IkasThemeComponentPropType.RAFFLE_LIST:
+                        IkasPageDataInit.initRaffleListPropValue(prop, propValue, pageComponentPropValue);
+                        break;
                 }
             });
         });
@@ -45695,6 +46827,10 @@ var IkasPageDataInit = /** @class */ (function () {
                 return this._initBlogCategoryPropValue(propValue);
             case IkasThemeComponentPropType.BLOG_CATEGORY_LIST:
                 return this._initBlogCategoryListPropValue(propValue);
+            case IkasThemeComponentPropType.RAFFLE:
+                return this._initRafflePropValue(propValue);
+            case IkasThemeComponentPropType.RAFFLE_LIST:
+                return this._initRaffleListPropValue(propValue);
             case IkasThemeComponentPropType.OBJECT:
                 var objectValue = {};
                 for (var _i = 0, _a = customData.nestedData || []; _i < _a.length; _i++) {
@@ -45800,6 +46936,24 @@ var IkasPageDataInit = /** @class */ (function () {
     IkasPageDataInit._initBlogCategoryListPropValue = function (propValue) {
         return new IkasBlogCategoryList(propValue);
     };
+    IkasPageDataInit.initRafflePropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initRafflePropValue(propValue);
+    };
+    IkasPageDataInit._initRafflePropValue = function (propValue) {
+        if (propValue.rafflePropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.raffle) {
+            return new IkasRaffle(propValue.raffle);
+        }
+        return getPlaceholderRaffle();
+    };
+    IkasPageDataInit.initRaffleListPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = this._initRaffleListPropValue(propValue);
+    };
+    IkasPageDataInit._initRaffleListPropValue = function (propValue) {
+        return new IkasRaffleList(propValue);
+    };
     IkasPageDataInit.pageSpecificData = observable({});
     return IkasPageDataInit;
 }());
@@ -46245,7 +47399,7 @@ var IkasStorefront = /** @class */ (function () {
     return IkasStorefront;
 }());
 
-var PACKAGE_VERSION = "0.0.163-alpha.13";
+var PACKAGE_VERSION = "0.2.0";
 // import { version as PACKAGE_VERSION } from "../../../package.json";
 var IkasPageEditorViewModel = /** @class */ (function () {
     function IkasPageEditorViewModel(router) {
@@ -46363,9 +47517,9 @@ var IkasPageEditorViewModel = /** @class */ (function () {
         this.getPagePropValues = function () { return __awaiter(_this, void 0, void 0, function () {
             var pageDataProvider;
             var _this = this;
-            var _a, _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
                         pageDataProvider = new IkasPageDataProvider(this.theme, this.pageParams, (_a = this.page) === null || _a === void 0 ? void 0 : _a.type);
                         if (((_b = this.pageParams) === null || _b === void 0 ? void 0 : _b.blogId) || ((_c = this.pageParams) === null || _c === void 0 ? void 0 : _c.blogCategoryId)) {
@@ -46374,10 +47528,13 @@ var IkasPageEditorViewModel = /** @class */ (function () {
                                 IkasThemePageType.BLOG_CATEGORY,
                             ];
                         }
+                        if ((_d = this.pageParams) === null || _d === void 0 ? void 0 : _d.raffleId) {
+                            pageDataProvider.possiblePageTypes = [IkasThemePageType.RAFFLE_DETAIL];
+                        }
                         this.isLoading = true;
                         return [4 /*yield*/, pageDataProvider.getPageData()];
                     case 1:
-                        _d.sent();
+                        _e.sent();
                         if (pageDataProvider.pageSpecificData) {
                             IkasPageDataInit.setPageSpecificData(JSON.stringify(pageDataProvider.pageSpecificData), this.page.type, true);
                         }
@@ -46589,7 +47746,7 @@ var IkasPageEditorViewModel = /** @class */ (function () {
     Object.defineProperty(IkasPageEditorViewModel.prototype, "specification", {
         get: function () {
             var _this = this;
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             var selectedPage = this.page;
             var specification;
             if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === IkasThemePageType.PRODUCT) {
@@ -46607,6 +47764,9 @@ var IkasPageEditorViewModel = /** @class */ (function () {
             if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === IkasThemePageType.BLOG_CATEGORY) {
                 specification = (_e = selectedPage.specifications) === null || _e === void 0 ? void 0 : _e.find(function (s) { var _a; return s.id === ((_a = _this.pageParams) === null || _a === void 0 ? void 0 : _a.blogCategoryId); });
             }
+            if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === IkasThemePageType.RAFFLE_DETAIL) {
+                specification = (_f = selectedPage.specifications) === null || _f === void 0 ? void 0 : _f.find(function (s) { var _a; return s.id === ((_a = _this.pageParams) === null || _a === void 0 ? void 0 : _a.raffleId); });
+            }
             return specification;
         },
         enumerable: false,
@@ -71578,7 +72738,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -71609,7 +72769,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$k;
+var templateObject_1$l;
 
 var IkasNextPageDataProvider = /** @class */ (function () {
     function IkasNextPageDataProvider() {
@@ -71803,7 +72963,8 @@ var IkasNextPageDataProvider = /** @class */ (function () {
                         IkasStorefrontConfig.productBackInStockSettings = productBackInStockSettings;
                         IkasStorefrontConfig.customerReviewSettings = customerReviewSettings;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
-                        provider.possiblePageTypes = possiblePageTypes;
+                        provider.possiblePageTypes =
+                            possiblePageTypes || (pageType ? [pageType] : []);
                         if (!!isEditor) return [3 /*break*/, 3];
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
@@ -72427,6 +73588,72 @@ var _slug_$3 = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$h
 });
 
+var Page$i = function (props) {
+    return createElement(IkasPage, __assign({}, props));
+};
+var _slug_$4 = observer(Page$i);
+var getStaticPaths$3 = function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, {
+                paths: [],
+                fallback: "blocking",
+            }];
+    });
+}); };
+var getStaticProps$i = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, IkasNextPageDataProvider.getStaticProps(context, IkasThemePageType.RAFFLE_DETAIL)];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+
+var _slug_$5 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': _slug_$4,
+    getStaticPaths: getStaticPaths$3,
+    getStaticProps: getStaticProps$i
+});
+
+var Page$j = function (props) {
+    return createElement(IkasPage, __assign({}, props, { addOgpMetas: true }));
+};
+var index$9 = observer(Page$j);
+var getStaticProps$j = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, IkasNextPageDataProvider.getStaticProps(context, IkasThemePageType.RAFFLE)];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+
+var index$a = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': index$9,
+    getStaticProps: getStaticProps$j
+});
+
+var Page$k = function (props) {
+    return createElement(IkasPage, __assign({}, props));
+};
+var raffles = observer(Page$k);
+var getStaticProps$k = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, IkasNextPageDataProvider.getStaticProps(context, IkasThemePageType.RAFFLE_ACOUNT)];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+
+var raffles$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': raffles,
+    getStaticProps: getStaticProps$k
+});
+
 /**
  * Flattens `array` a single level deep.
  *
@@ -73024,6 +74251,14 @@ var IkasCustomerStore = /** @class */ (function () {
                 }, 100);
             });
         };
+        this.getRaffles = function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasRaffleAPI.getRafflesByCustomerId()];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        }); };
         this.baseStore = baseStore;
         this.init();
         makeAutoObservable(this);
@@ -73730,4 +74965,4 @@ var en$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Ob
     'default': en
 }));
 
-export { AccountInfoForm, index$4 as AccountPage, AddressForm, addresses$1 as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$8 as BlogPage, _slug_$3 as BlogSlugPage, cart$1 as CartPage, checkout$1 as CheckoutPage, ContactForm, _slug_$1 as CustomPage, CustomerReviewForm, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts$1 as FavoriteProductsPage, ForgotPasswordForm, forgotPassword$1 as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasAttributeDetail, IkasAttributeList, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogCategoryList, IkasBlogCategoryListPropValue, IkasBlogCategoryListType, IkasBlogCategoryPropValue, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutCustomer, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasCustomerReview, IkasCustomerReviewAPI, IkasCustomerReviewList, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderRefundSettings, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductBackInStockReminderAPI, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductOption, IkasProductOptionDateSettings, IkasProductOptionFileSettings, IkasProductOptionSelectSettings, IkasProductOptionSelectType, IkasProductOptionSelectValue, IkasProductOptionSelectValueTranslations, IkasProductOptionSet, IkasProductOptionSetAPI, IkasProductOptionSetTranslations, IkasProductOptionTextSettings, IkasProductOptionTranslations, IkasProductOptionType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home$1 as IndexPage, LessThanRule, LoginForm, login$1 as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$1 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$6 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword$1 as RecoverPasswordPage, RegisterForm, register$1 as RegisterPage, RequiredRule, search$1 as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, createTranslationInputData, decodeBase64, findAllIndexes, formatDate, formatMoney, getCurrencySymbol, parseRangeStr, pascalCase, stringSorter, stringToSlug, tryForEach, useTranslation, validatePhoneNumber };
+export { AccountInfoForm, index$4 as AccountPage, raffles$1 as AccountRafflesPage, AddressForm, addresses$1 as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$8 as BlogPage, _slug_$3 as BlogSlugPage, cart$1 as CartPage, checkout$1 as CheckoutPage, ContactForm, _slug_$1 as CustomPage, CustomerReviewForm, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts$1 as FavoriteProductsPage, ForgotPasswordForm, forgotPassword$1 as ForgotPasswordPage, IdentityNumberRule, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasAttributeDetail, IkasAttributeList, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogCategoryList, IkasBlogCategoryListPropValue, IkasBlogCategoryListType, IkasBlogCategoryPropValue, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutCustomer, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasCustomerReview, IkasCustomerReviewAPI, IkasCustomerReviewList, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderRefundSettings, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductBackInStockReminderAPI, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductOption, IkasProductOptionDateSettings, IkasProductOptionFileSettings, IkasProductOptionSelectSettings, IkasProductOptionSelectType, IkasProductOptionSelectValue, IkasProductOptionSelectValueTranslations, IkasProductOptionSet, IkasProductOptionSetAPI, IkasProductOptionSetTranslations, IkasProductOptionTextSettings, IkasProductOptionTranslations, IkasProductOptionType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasRaffle, IkasRaffleAPI, IkasRaffleList, IkasRaffleListPropValue, IkasRaffleMetaData, IkasRaffleParticipant, IkasRafflePropValue, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home$1 as IndexPage, LessThanRule, LoginForm, login$1 as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$1 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$6 as OrdersPage, PhoneRule, RaffleForm, _slug_$5 as RafflePage, index$a as RafflesPage, RangeValue, RecoverPasswordForm, recoverPassword$1 as RecoverPasswordPage, RegisterForm, register$1 as RegisterPage, RequiredRule, search$1 as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, createTranslationInputData, decodeBase64, findAllIndexes, formatDate, formatMoney, getCurrencySymbol, parseRangeStr, pascalCase, stringSorter, stringToSlug, tryForEach, useTranslation, validatePhoneNumber };