@everymatrix/lottery-tipping-ticket-controller 1.87.28 → 1.87.29

package/dist/cjs/{lottery-tipping-ticket-controller-38883843.js → lottery-tipping-ticket-controller-90ba14f0.js}

@@ -6791,6 +6791,16 @@ var BettingTypeEnum;
     BettingTypeEnum["HalfTime"] = "HalfTime";
     BettingTypeEnum["Both"] = "Both";
 })(BettingTypeEnum || (BettingTypeEnum = {}));
+var DrawStatus;
+(function (DrawStatus) {
+    DrawStatus["OPEN"] = "OPEN";
+})(DrawStatus || (DrawStatus = {}));
+var TicketState;
+(function (TicketState) {
+    TicketState["Settled"] = "Settled";
+    TicketState["Purchased"] = "Purchased";
+    TicketState["Canceled"] = "Canceled";
+})(TicketState || (TicketState = {}));
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
@@ -6801,7 +6811,7 @@ const TRANSLATIONS = {
         turnover: 'Turnover: ',
         selectionCleared: 'Your selection will be cleared.',
         ticketSubmitted: 'Ticket submitted successfully.',
-        ticketFailed: 'Failed to purchase the ticket. Please try again.',
+        ticketFailed: 'Failed to submit tickets.',
         lines: 'Lines',
         line: 'Line',
         bettingType: 'Betting Type',
@@ -9503,6 +9513,20 @@ const getPlayTypeConfig = ({ rawData, selectedBettingType, selectedPlayingMode }
     return { betTypeId, betType };
 };
 const getMinValue = (arr) => (arr.length ? Math.min.apply(null, arr) : undefined);
+function formattedTurnover(turnover, unit = '€') {
+    if (turnover === null || turnover === undefined)
+        return '';
+    return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
+}
+function formattedWeekName(date) {
+    if (!date)
+        return '';
+    const _temp = formatDate({ date, format: 'EEEE' });
+    if (!['saturday', 'sunday'].includes(_temp.toLowerCase())) {
+        return 'MIDWEEK';
+    }
+    return _temp.toUpperCase();
+}
 
 const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
 const generateUUID = () => {
@@ -9529,9 +9553,18 @@ const doSubmitTicket = ({ body, sessionId, url }) => {
         if (res.status > 300) {
             throw new Error(res.statusText);
         }
-        return res.json();
+        return res.json().then((data) => {
+            if (checkTicketDetailHasError(data.tickets))
+                throw new Error(res.statusText);
+            return data;
+        });
     });
 };
+function checkTicketDetailHasError(tickets) {
+    if (!tickets || !tickets.length)
+        return true;
+    return tickets.some((i) => i.state !== TicketState.Purchased);
+}
 async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
     try {
         const res = await fetchRequest(`${endpoint}/games/${gameId}/draws/${drawId}/saleStatistics`);
@@ -9573,6 +9606,7 @@ const LotteryTippingTicketController = class {
         this.hasSelectAllBullet = undefined;
         this.totalLineCombination = 0;
         this.submitLoading = undefined;
+        this.drawSubmitAvailable = false;
         this.rawData = {};
         this.saleStatisticsInfo = {};
         this.currentStake = undefined;
@@ -9743,6 +9777,9 @@ const LotteryTippingTicketController = class {
             setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
+    handleTimerStop() {
+        this.drawSubmitAvailable = true;
+    }
     componentWillLoad() {
         if (this.translationUrl) {
             resolveTranslationUrl(this.translationUrl);
@@ -9865,19 +9902,14 @@ const LotteryTippingTicketController = class {
     }
     renderOrderSummary() {
         var _a;
-        return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), index.h("hr", { class: "order-summary__divider" }), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), index.h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), index.h("div", { class: "order-summary__button-wrapper" }, index.h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading || ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) === undefined, text: translate('orderSummarySubmit', this.language) }))));
-    }
-    get formattedTurnover() {
-        var _a, _b, _c;
-        const turnover = (_c = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw) !== null && _c !== void 0 ? _c : 0;
-        if (turnover === null || turnover === undefined)
-            return '';
-        const unit = '€';
-        return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
+        return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), index.h("hr", { class: "order-summary__divider" }), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), index.h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), index.h("div", { class: "order-summary__button-wrapper" }, index.h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet ||
+                this.submitLoading ||
+                ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) === undefined ||
+                !this.drawSubmitAvailable, text: translate('orderSummarySubmit', this.language) }))));
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("div", { key: '353f56111a3dc6f6e7365d563163a38c850f2e88', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-tipping-ticket-banner", { key: '3a2472f0bf9195547f5e4c6c2c0a2362c790aa27', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, "formatted-turnover": this.formattedTurnover, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), index.h("div", { key: '9d0a9391ccf79351959cc280e3c15efc657a966f', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: 'c61fdb41d41694227971478e193cc5162bff30c3', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '56964177a4366a366279b2ebfff2ee52d1e27de0', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (index.h("vaadin-confirm-dialog", { key: 'fe8eb6d26eecee3c6e10b20c4f2ad968f707d51c', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return (index.h("div", { key: '71d1e6567f13267094ca2bdc32caa02891ad8540', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-banner", { key: '4393c6b8cf885f3aa6df61e0283172f99d22fd12', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), index.h("div", { key: 'd054f3970388474745f6e92e7aa028d4509e6250', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '736a9c1c2ff1d5c88252b64e6a90a08d185574a0', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '3976fecaa6e049c6d3b7521e58c8fcdf37fa9db4', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (index.h("vaadin-confirm-dialog", { key: '60415251900e4e1c12c14b78314d8085bfbc4c5b', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {
@@ -9890,10 +9922,8 @@ LotteryTippingTicketController.style = LotteryTippingTicketControllerStyle0;
 
 exports.LotteryTippingTicketController = LotteryTippingTicketController;
 exports.format = format;
-exports.formatDate = formatDate;
 exports.parseISO = parseISO;
 exports.requiredArgs = requiredArgs;
-exports.resolveTranslationUrl = resolveTranslationUrl;
 exports.setClientStyling = setClientStyling;
 exports.setClientStylingURL = setClientStylingURL;
 exports.setStreamStyling = setStreamStyling;

package/dist/cjs/lottery-tipping-ticket-controller.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["general-tooltip_7.cjs",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"saleStatisticsInfo":[32],"currentStake":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultBulletConfigLineGroup":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-button",{"variant":[513],"size":[513],"color":[513],"disabled":[516],"loading":[516],"text":[513],"mbSource":[513,"mb-source"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"ripples":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1],"formattedTurnover":[1,"formatted-turnover"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["general-tooltip_7.cjs",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"drawSubmitAvailable":[32],"rawData":[32],"saleStatisticsInfo":[32],"currentStake":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultBulletConfigLineGroup":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"startTime":[1,"start-time"],"bannerTitle":[1,"banner-title"],"turnover":[1],"layout":[1],"formattedTime":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"startTime":["handleTimeChange"],"stopTime":["handleTimeChange"]}],[1,"lottery-button",{"variant":[513],"size":[513],"color":[513],"disabled":[516],"loading":[516],"text":[513],"mbSource":[513,"mb-source"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"ripples":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,7 +1,6 @@
 {
   "entries": [
-    "components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.js",
-    "components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.js"
+    "components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.js"
   ],
   "compiler": {
     "name": "@stencil/core",
@@ -9,6 +8,12 @@
     "typescriptVersion": "5.4.5"
   },
   "collections": [
+    {
+      "name": "@everymatrix/lottery-banner",
+      "tags": [
+        "lottery-banner"
+      ]
+    },
     {
       "name": "@everymatrix/lottery-button",
       "tags": [

package/dist/collection/components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.js

@@ -1,3 +1,4 @@
+import "../../../../../lottery-banner/dist/types/index";
 import "../../../../../lottery-button/dist/types/index";
 import "../../../../../lottery-tipping-ticket-bet/dist/types/index";
 import { h } from "@stencil/core";
@@ -5,7 +6,7 @@ import "../../../../../../../libs/vaadin-facade/index";
 import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
 import { BettingTypeEnum, PlayModeEnum } from "../../models";
 import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
-import { buildSubmitParam, calculatePlayingModeOptions, fetchRequest, getCheckedCountForEachLineAndEachMatch, getDefaultType, getEnableOptions, getPlayTypeConfig, showNotification, thousandSeparator, getMinValue } from "../../utils/utils";
+import { buildSubmitParam, calculatePlayingModeOptions, fetchRequest, formattedTurnover, formattedWeekName, getCheckedCountForEachLineAndEachMatch, getDefaultType, getEnableOptions, getMinValue, getPlayTypeConfig, showNotification, thousandSeparator } from "../../utils/utils";
 import { doSubmitTicket, fetchSaleStatistics, TICKET_INVALID_TOKEN } from "../../utils/api";
 // value:
 export class LotteryTippingTicketController {
@@ -34,6 +35,7 @@ export class LotteryTippingTicketController {
         this.hasSelectAllBullet = undefined;
         this.totalLineCombination = 0;
         this.submitLoading = undefined;
+        this.drawSubmitAvailable = false;
         this.rawData = {};
         this.saleStatisticsInfo = {};
         this.currentStake = undefined;
@@ -204,6 +206,9 @@ export class LotteryTippingTicketController {
             setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
+    handleTimerStop() {
+        this.drawSubmitAvailable = true;
+    }
     componentWillLoad() {
         if (this.translationUrl) {
             resolveTranslationUrl(this.translationUrl);
@@ -326,19 +331,14 @@ export class LotteryTippingTicketController {
     }
     renderOrderSummary() {
         var _a;
-        return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading || ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) === undefined, text: translate('orderSummarySubmit', this.language) }))));
-    }
-    get formattedTurnover() {
-        var _a, _b, _c;
-        const turnover = (_c = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw) !== null && _c !== void 0 ? _c : 0;
-        if (turnover === null || turnover === undefined)
-            return '';
-        const unit = '€';
-        return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
+        return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet ||
+                this.submitLoading ||
+                ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) === undefined ||
+                !this.drawSubmitAvailable, text: translate('orderSummarySubmit', this.language) }))));
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: '353f56111a3dc6f6e7365d563163a38c850f2e88', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-tipping-ticket-banner", { key: '3a2472f0bf9195547f5e4c6c2c0a2362c790aa27', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, "formatted-turnover": this.formattedTurnover, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), h("div", { key: '9d0a9391ccf79351959cc280e3c15efc657a966f', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: 'c61fdb41d41694227971478e193cc5162bff30c3', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '56964177a4366a366279b2ebfff2ee52d1e27de0', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'fe8eb6d26eecee3c6e10b20c4f2ad968f707d51c', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return (h("div", { key: '71d1e6567f13267094ca2bdc32caa02891ad8540', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-banner", { key: '4393c6b8cf885f3aa6df61e0283172f99d22fd12', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), h("div", { key: 'd054f3970388474745f6e92e7aa028d4509e6250', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '736a9c1c2ff1d5c88252b64e6a90a08d185574a0', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '3976fecaa6e049c6d3b7521e58c8fcdf37fa9db4', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: '60415251900e4e1c12c14b78314d8085bfbc4c5b', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
     }
     static get is() { return "lottery-tipping-ticket-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -559,6 +559,7 @@ export class LotteryTippingTicketController {
             "hasSelectAllBullet": {},
             "totalLineCombination": {},
             "submitLoading": {},
+            "drawSubmitAvailable": {},
             "rawData": {},
             "saleStatisticsInfo": {},
             "currentStake": {},

package/dist/collection/models/index.js

@@ -9,3 +9,13 @@ export var BettingTypeEnum;
     BettingTypeEnum["HalfTime"] = "HalfTime";
     BettingTypeEnum["Both"] = "Both";
 })(BettingTypeEnum || (BettingTypeEnum = {}));
+export var DrawStatus;
+(function (DrawStatus) {
+    DrawStatus["OPEN"] = "OPEN";
+})(DrawStatus || (DrawStatus = {}));
+export var TicketState;
+(function (TicketState) {
+    TicketState["Settled"] = "Settled";
+    TicketState["Purchased"] = "Purchased";
+    TicketState["Canceled"] = "Canceled";
+})(TicketState || (TicketState = {}));

package/dist/collection/utils/api.js

@@ -1,3 +1,4 @@
+import { TicketState } from "../models";
 import { fetchRequest } from "./utils";
 export const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
 const generateUUID = () => {
@@ -24,9 +25,18 @@ export const doSubmitTicket = ({ body, sessionId, url }) => {
         if (res.status > 300) {
             throw new Error(res.statusText);
         }
-        return res.json();
+        return res.json().then((data) => {
+            if (checkTicketDetailHasError(data.tickets))
+                throw new Error(res.statusText);
+            return data;
+        });
     });
 };
+function checkTicketDetailHasError(tickets) {
+    if (!tickets || !tickets.length)
+        return true;
+    return tickets.some((i) => i.state !== TicketState.Purchased);
+}
 export async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
     try {
         const res = await fetchRequest(`${endpoint}/games/${gameId}/draws/${drawId}/saleStatistics`);

package/dist/collection/utils/locale.utils.js

@@ -7,7 +7,7 @@ const TRANSLATIONS = {
         turnover: 'Turnover: ',
         selectionCleared: 'Your selection will be cleared.',
         ticketSubmitted: 'Ticket submitted successfully.',
-        ticketFailed: 'Failed to purchase the ticket. Please try again.',
+        ticketFailed: 'Failed to submit tickets.',
         lines: 'Lines',
         line: 'Line',
         bettingType: 'Betting Type',

package/dist/collection/utils/utils.js

@@ -152,3 +152,17 @@ export const getPlayTypeConfig = ({ rawData, selectedBettingType, selectedPlayin
     return { betTypeId, betType };
 };
 export const getMinValue = (arr) => (arr.length ? Math.min.apply(null, arr) : undefined);
+export function formattedTurnover(turnover, unit = '€') {
+    if (turnover === null || turnover === undefined)
+        return '';
+    return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
+}
+export function formattedWeekName(date) {
+    if (!date)
+        return '';
+    const _temp = formatDate({ date, format: 'EEEE' });
+    if (!['saturday', 'sunday'].includes(_temp.toLowerCase())) {
+        return 'MIDWEEK';
+    }
+    return _temp.toUpperCase();
+}