@weareconceptstudio/account 0.7.9 → 0.8.1

package/dist/modules/order/OrdersList/style.js

@@ -9,19 +9,21 @@ const OrdersListStyle = styled.section `
 	--account_orderItemPadTB: var(--sp5x);
 
 	//! Coll distance
-	--account_collDistance_1: var(--sp14x);
-	--account_collDistance_2: var(--sp14x);
-	--account_collDistance_3: var(--sp14x);
-	--account_collDistance_4: var(--sp18x);
-	--account_collDistance_5: var(--sp29x);
+	--account_collDistance: var(--sp5x);
 
 	//! Coll width
-	--account_orderDateWidth: 15.7%;
-	--account_totalItemsWidth: 12.5%;
-	--account_orderNumberWidth: 14.4%;
-	--account_orderStatusWidth: 15.4%;
-	--account_totalPriceWidth: 22.5%;
-	--account_emptyWidth: calc(100% - var(--account_orderDateWidth) - var(--account_totalItemsWidth) - var(--account_orderNumberWidth) - var(--account_orderStatusWidth) - var(--account_totalPriceWidth));
+	--account_orderDateWidth: 15%;
+	--account_totalItemsWidth: 14%;
+	--account_orderNumberWidth: 14%;
+	--account_orderStatusWidth: 20%;
+	--account_totalPriceWidth: 14%;
+	--account_rateWidth: 13%;
+
+	--account_emptyWidth: calc(
+		100% - var(--account_orderDateWidth) - var(--account_totalItemsWidth) - var(--account_orderNumberWidth) - var(
+				--account_orderStatusWidth
+			) - var(--account_totalPriceWidth) - var(--account_rateWidth)
+	);
 
 	//! Status sizes
 	--account_statusBorderRad: var(--sp5x);
@@ -30,6 +32,28 @@ const OrdersListStyle = styled.section `
 
 	--account_paginationWrapMTop: var(--sp11x);
 
+	--account_orderListRateBtnPadTB: var(--sp1-5x);
+	--account_orderListRateBtnPadLR: var(--sp2x);
+
+	.order-list-rate-button {
+		a,
+		button {
+			padding: var(--account_orderListRateBtnPadTB) var(--account_orderListRateBtnPadLR) !important;
+			background-color: var(--account_secondaryColor9);
+			border: 2px solid var(--account_secondaryColor9);
+			font-weight: 500;
+
+			@media (pointer: fine) {
+				@media (hover: hover) {
+					&:hover {
+						background-color: var(--account_primaryColor14);
+						border: 2px solid var(--account_primaryColor14);
+					}
+				}
+			}
+		}
+	}
+
 	.order-history-line {
 		width: 100%;
 		border-bottom: 2px solid var(--account_primaryColor1);
@@ -46,8 +70,8 @@ const OrdersListStyle = styled.section `
 			align-items: center;
 			padding-bottom: var(--account_tableTitlesPBot);
 			border-bottom: 2px solid var(--account_primaryColor5);
-			margin-left: calc(-1 * calc(var(--account_collDistance_1) / 2));
-			margin-right: calc(-1 * calc(var(--account_collDistance_5) / 2));
+			margin-left: calc(-1 * calc(var(--account_collDistance) / 2));
+			margin-right: calc(-1 * calc(var(--account_collDistance) / 2));
 		}
 	}
 
@@ -56,8 +80,8 @@ const OrdersListStyle = styled.section `
 			display: flex;
 			flex-wrap: wrap;
 			align-items: center;
-			margin-left: calc(-1 * calc(var(--account_collDistance_1) / 2));
-			margin-right: calc(-1 * calc(var(--account_collDistance_5) / 2));
+			margin-left: calc(-1 * calc(var(--account_collDistance) / 2));
+			margin-right: calc(-1 * calc(var(--account_collDistance) / 2));
 			padding: var(--account_orderItemPadTB) 0;
 			border-bottom: 2px solid var(--account_primaryColor5);
 		}
@@ -65,26 +89,26 @@ const OrdersListStyle = styled.section `
 
 	.od-col-1 {
 		width: var(--account_orderDateWidth);
-		padding-left: calc(var(--account_collDistance_1) / 2);
-		padding-right: calc(var(--account_collDistance_1) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 	}
 
 	.od-col-2 {
 		width: var(--account_totalItemsWidth);
-		padding-left: calc(var(--account_collDistance_1) / 2);
-		padding-right: calc(var(--account_collDistance_2) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 	}
 
 	.od-col-3 {
 		width: var(--account_orderNumberWidth);
-		padding-left: calc(var(--account_collDistance_2) / 2);
-		padding-right: calc(var(--account_collDistance_3) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 	}
 
 	.od-col-4 {
 		width: var(--account_orderStatusWidth);
-		padding-left: calc(var(--account_collDistance_3) / 2);
-		padding-right: calc(var(--account_collDistance_4) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 
 		.status-item {
 			width: fit-content;
@@ -95,23 +119,36 @@ const OrdersListStyle = styled.section `
 
 	.od-col-5 {
 		width: var(--account_totalPriceWidth);
-		padding-left: calc(var(--account_collDistance_4) / 2);
-		padding-right: calc(var(--account_collDistance_5) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 		text-align: right;
 	}
 
 	.od-col-6 {
-		width: var(--account_emptyWidth);
-		padding-left: calc(var(--account_collDistance_5) / 2);
-		padding-right: calc(var(--account_collDistance_5) / 2);
+		display: flex;
+		justify-content: flex-end;
 
-		.btn-wrap {
-			display: flex;
-			justify-content: flex-end;
+		width: var(--account_rateWidth);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 
-			a {
-				font-size: var(--account_p4);
-			}
+		a,
+		button {
+			font-size: var(--account_p4);
+		}
+	}
+
+	.od-col-7 {
+		display: flex;
+		justify-content: flex-end;
+
+		width: var(--account_emptyWidth);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
+
+		a,
+		button {
+			font-size: var(--account_p4);
 		}
 	}
 
@@ -123,6 +160,7 @@ const OrdersListStyle = styled.section `
 		margin-top: var(--account_paginationWrapMTop);
 	}
 
+	/* //! 2559 - 1920 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp4x);
@@ -130,18 +168,15 @@ const OrdersListStyle = styled.section `
 		--account_tableTitlesPBot: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp9x);
-		--account_collDistance_2: var(--sp10x);
-		--account_collDistance_3: var(--sp13x);
-		--account_collDistance_4: var(--sp13x);
-		--account_collDistance_5: var(--sp16x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 16%;
-		--account_totalItemsWidth: 11.7%;
-		--account_orderNumberWidth: 16%;
-		--account_orderStatusWidth: 16.7%;
-		--account_totalPriceWidth: 22%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Order item styles
 		--account_orderItemPadTB: var(--sp4x);
@@ -152,8 +187,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp2x);
 
 		--account_paginationWrapMTop: var(--sp6x);
+
+		--account_orderListRateBtnPadTB: var(--sp1-5x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1919 - 1510 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp4x);
@@ -161,18 +200,15 @@ const OrdersListStyle = styled.section `
 		--account_tableTitlesPBot: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp4x);
-		--account_collDistance_2: var(--sp6x);
-		--account_collDistance_3: var(--sp8x);
-		--account_collDistance_4: var(--sp7x);
-		--account_collDistance_5: var(--sp11x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 16.3%;
-		--account_totalItemsWidth: 12.5%;
-		--account_orderNumberWidth: 16.8%;
-		--account_orderStatusWidth: 16.7%;
-		--account_totalPriceWidth: 20.4%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Order item styles
 		--account_orderItemPadTB: var(--sp4x);
@@ -183,8 +219,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp2x);
 
 		--account_paginationWrapMTop: var(--sp6x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1509 - 1440 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp4x);
@@ -192,18 +232,15 @@ const OrdersListStyle = styled.section `
 		--account_tableTitlesPBot: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp7x);
-		--account_collDistance_2: var(--sp5x);
-		--account_collDistance_3: var(--sp5x);
-		--account_collDistance_4: var(--sp7x);
-		--account_collDistance_5: var(--sp7x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 19.7%;
-		--account_totalItemsWidth: 14.1%;
-		--account_orderNumberWidth: 15.8%;
-		--account_orderStatusWidth: 16%;
-		--account_totalPriceWidth: 19.7%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Order item styles
 		--account_orderItemPadTB: var(--sp4x);
@@ -214,8 +251,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp2x);
 
 		--account_paginationWrapMTop: var(--sp5x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1439 - 1280 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp3x);
@@ -226,18 +267,15 @@ const OrdersListStyle = styled.section `
 		--account_orderItemPadTB: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp5x);
-		--account_collDistance_2: var(--sp5x);
-		--account_collDistance_3: var(--sp8x);
-		--account_collDistance_4: var(--sp6x);
-		--account_collDistance_5: var(--sp7x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 17.9%;
-		--account_totalItemsWidth: 13.5%;
-		--account_orderNumberWidth: 17.3%;
-		--account_orderStatusWidth: 16.3%;
-		--account_totalPriceWidth: 19.5%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Status sizes
 		--account_statusBorderRad: var(--sp5x);
@@ -245,8 +283,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp1x);
 
 		--account_paginationWrapMTop: var(--sp4x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1279 - 1024 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp2-5x);
@@ -257,18 +299,15 @@ const OrdersListStyle = styled.section `
 		--account_orderItemPadTB: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp5x);
-		--account_collDistance_2: var(--sp3x);
-		--account_collDistance_3: var(--sp5x);
-		--account_collDistance_4: var(--sp5x);
-		--account_collDistance_5: var(--sp4x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 20.1%;
-		--account_totalItemsWidth: 13.8%;
-		--account_orderNumberWidth: 16.6%;
-		--account_orderStatusWidth: 16.3%;
-		--account_totalPriceWidth: 19.7%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 12%;
+		--account_orderStatusWidth: 18%;
+		--account_totalPriceWidth: 15%;
+		--account_rateWidth: 16.5%;
 
 		//! Status sizes
 		--account_statusBorderRad: var(--sp5x);
@@ -276,8 +315,16 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp1x);
 
 		--account_paginationWrapMTop: var(--sp4x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
+
+		.od-col-4 {
+			white-space: unset;
+		}
 	}
 
+	/* //! 1023 - 768 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp2-5x);
@@ -288,18 +335,15 @@ const OrdersListStyle = styled.section `
 		--account_orderItemPadTB: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp4x);
-		--account_collDistance_2: var(--sp3x);
-		--account_collDistance_3: var(--sp5x);
-		--account_collDistance_4: var(--sp5x);
-		--account_collDistance_5: var(--sp4x);
+		--account_collDistance: var(--sp3x);
 
 		//! Coll width
-		--account_orderDateWidth: 19.6%;
-		--account_totalItemsWidth: 13.6%;
-		--account_orderNumberWidth: 16.9%;
-		--account_orderStatusWidth: 16.6%;
-		--account_totalPriceWidth: 19.7%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 11%;
+		--account_orderStatusWidth: 18%;
+		--account_totalPriceWidth: 16%;
+		--account_rateWidth: 15%;
 
 		//! Status sizes
 		--account_statusBorderRad: var(--sp5x);
@@ -307,14 +351,25 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp1x);
 
 		--account_paginationWrapMTop: var(--sp4x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp1-5x);
+
+		.od-col-4 {
+			white-space: unset;
+		}
 	}
 
+	/* //! Mobile */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp3x);
 
 		--account_paginationWrapMTop: var(--sp3x);
 
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
+
 		.mobile-orders-wrap {
 			.mobile-orders-list-wrap {
 				padding-bottom: var(--sp3x);
@@ -327,7 +382,7 @@ const OrdersListStyle = styled.section `
 				}
 
 				.last-col-wrap {
-					margin-top: var(--sp6x);
+					margin-top: var(--sp3x);
 					align-items: end;
 				}
 
@@ -340,7 +395,8 @@ const OrdersListStyle = styled.section `
 					height: 100%;
 
 					.btn-wrap {
-						a {
+						a,
+						button {
 							font-size: var(--account_p4);
 						}
 					}
@@ -366,6 +422,17 @@ const OrdersListStyle = styled.section `
 				.value {
 					margin-left: var(--sp1x);
 				}
+
+				.order-list-rate-button {
+					a,
+					button {
+						font-size: var(--account_p4);
+					}
+				}
+
+				.mobile-block-distance {
+					margin-top: var(--sp3x);
+				}
 			}
 		}
 	}

package/dist/modules/order/OrdersList/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrdersList/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA4HA,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BrJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BpJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BpJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BrJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BnJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BjJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DrG,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrdersList/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAkKA,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgCjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoCd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoCf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ErG,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/modules/order/index.d.ts

@@ -1,7 +1,12 @@
 export { default as EmptyOrders } from './EmptyOrders';
 export { default as OrderDetails } from './OrderDetails';
 export { default as OrderedItems } from './OrderedItems';
-export { default as OrdersList } from './OrdersList';
 export { default as OrderHistoryTemplate } from './OrderHistoryTemplate';
 export { default as OrderIndividualTemplate } from './OrderIndividualTemplate';
+export { default as OrderRatePopup } from './OrderRatePopup';
+export { default as OrderRateReview } from './OrderRateReview';
+export { default as OrderReviewPopup } from './OrderReviewPopup';
+export { default as OrderReviewTemplate } from './OrderReviewTemplate';
+export { default as OrdersList } from './OrdersList';
+export { default as OrderStatus } from './OrderStatus';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/order/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/modules/order/index.js

@@ -1,7 +1,12 @@
 export { default as EmptyOrders } from './EmptyOrders';
 export { default as OrderDetails } from './OrderDetails';
 export { default as OrderedItems } from './OrderedItems';
-export { default as OrdersList } from './OrdersList';
 export { default as OrderHistoryTemplate } from './OrderHistoryTemplate';
 export { default as OrderIndividualTemplate } from './OrderIndividualTemplate';
+export { default as OrderRatePopup } from './OrderRatePopup';
+export { default as OrderRateReview } from './OrderRateReview';
+export { default as OrderReviewPopup } from './OrderReviewPopup';
+export { default as OrderReviewTemplate } from './OrderReviewTemplate';
+export { default as OrdersList } from './OrdersList';
+export { default as OrderStatus } from './OrderStatus';
 //# sourceMappingURL=index.js.map

package/dist/modules/order/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/modules/payment/PaymentMethodsTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/PaymentMethodsTemplate/index.js"],"names":[],"mappings":";AAKA,6DAaC;kBAlBiB,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/PaymentMethodsTemplate/index.js"],"names":[],"mappings":";AAMA,6DAeC;kBArBiB,OAAO"}

package/dist/modules/payment/PaymentMethodsTemplate/index.js

@@ -2,11 +2,13 @@ import React from 'react';
 import { Text } from '@weareconceptstudio/core';
 import Cards from '../Cards';
 import PaymentStyle from './style';
+import AccountPageWrapper from '../../../components/AccountPageWrapper';
 const PaymentMethodsTemplate = () => {
-    return (React.createElement(PaymentStyle, null,
-        React.createElement("div", { className: 'account-payment-block' },
-            React.createElement(Text, { tag: `h6`, className: `account-font-medium account-primary-color1 title`, text: `account.payment_management.myCards` }),
-            React.createElement(Cards, null))));
+    return (React.createElement(AccountPageWrapper, { title: 'account.payment_management.myCards' },
+        React.createElement(PaymentStyle, null,
+            React.createElement("div", { className: 'account-payment-block' },
+                React.createElement(Text, { tag: `h6`, className: `account-font-medium account-primary-color1 title`, text: `account.payment_management.myCards` }),
+                React.createElement(Cards, null)))));
 };
 export default PaymentMethodsTemplate;
 //# sourceMappingURL=index.js.map

package/dist/modules/payment/PaymentMethodsTemplate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/payment/PaymentMethodsTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,YAAY,MAAM,SAAS,CAAC;AAEnC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACnC,OAAO,CACN,oBAAC,YAAY;QACZ,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,IAAI,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,kDAAkD,EAC7D,IAAI,EAAE,oCAAoC,GACzC;YACF,oBAAC,KAAK,OAAG,CACJ,CACQ,CACf,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/payment/PaymentMethodsTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,YAAY,MAAM,SAAS,CAAC;AACnC,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AAExE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACnC,OAAO,CACN,oBAAC,kBAAkB,IAAC,KAAK,EAAE,oCAAoC;QAC9D,oBAAC,YAAY;YACZ,6BAAK,SAAS,EAAC,uBAAuB;gBACrC,oBAAC,IAAI,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,kDAAkD,EAC7D,IAAI,EAAE,oCAAoC,GACzC;gBACF,oBAAC,KAAK,OAAG,CACJ,CACQ,CACK,CACrB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/stores/orderStore.d.ts

@@ -0,0 +1,22 @@
+interface Order {
+    id: number;
+}
+interface Pagination {
+    total: number;
+    pageSize: number;
+}
+interface OrderStore {
+    loading: boolean;
+    data: Order[];
+    pagination: Pagination;
+    currentPage: number;
+    order: Order | null;
+    orderLoading: boolean;
+    getOrders: (page?: number) => void;
+    setCurrentPage: (page: number) => void;
+    getOrder: (id: string | number) => void;
+    reviewOrder: (orderId: number, payload: any) => Promise<void>;
+}
+export declare const useOrderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<OrderStore>>;
+export {};
+//# sourceMappingURL=orderStore.d.ts.map

package/dist/stores/orderStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orderStore.d.ts","sourceRoot":"","sources":["../../src/stores/orderStore.ts"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACd,EAAE,EAAE,MAAM,CAAC;CACX;AAED,UAAU,UAAU;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IAEpB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IAEtB,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAExC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9D;AAED,eAAO,MAAM,aAAa,yEA4DvB,CAAC"}

package/dist/stores/orderStore.js

@@ -0,0 +1,60 @@
+import { create } from 'zustand';
+import { api } from '@weareconceptstudio/core';
+export const useOrderStore = create((set, get) => ({
+    loading: true,
+    data: [],
+    pagination: { total: 0, pageSize: 0 },
+    currentPage: 1,
+    order: null,
+    orderLoading: true,
+    getOrders: async (page = 1) => {
+        set({ loading: true });
+        try {
+            const res = await api.get({ url: 'orders', params: { page } });
+            set({
+                data: res.orders,
+                pagination: res.pagination,
+                currentPage: page,
+                loading: false,
+            });
+        }
+        catch (e) {
+            set({ loading: false });
+            console.error('Failed to fetch orders', e);
+        }
+    },
+    setCurrentPage: (page) => {
+        set({ currentPage: page });
+    },
+    getOrder: async (id) => {
+        set({ orderLoading: true });
+        try {
+            const res = await api.get({ url: `orders/${id}` });
+            set({ order: res.data, orderLoading: false });
+        }
+        catch (e) {
+            console.error(`Failed to fetch order ${id}`, e);
+            set({ orderLoading: false });
+        }
+    },
+    reviewOrder: async (orderId, payload) => {
+        try {
+            const response = await api.post('order-review', {
+                order_id: orderId,
+                ...payload,
+            });
+            set((state) => {
+                const reviewedOrder = response.data;
+                return {
+                    data: state.data.map((order) => (order.id === orderId ? reviewedOrder : order)),
+                    order: state.order?.id === orderId ? reviewedOrder : state.order,
+                };
+            });
+        }
+        catch (e) {
+            console.error('Order review failed', e);
+            throw e;
+        }
+    },
+}));
+//# sourceMappingURL=orderStore.js.map

package/dist/stores/orderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orderStore.js","sourceRoot":"","sources":["../../src/stores/orderStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AA4B/C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAa,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IAC9D,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;IACrC,WAAW,EAAE,CAAC;IAEd,KAAK,EAAE,IAAI;IACX,YAAY,EAAE,IAAI;IAElB,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE;QAC7B,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACvB,IAAI,CAAC;YACJ,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAC/D,GAAG,CAAC;gBACH,IAAI,EAAE,GAAG,CAAC,MAAM;gBAChB,UAAU,EAAE,GAAG,CAAC,UAAU;gBAC1B,WAAW,EAAE,IAAI;gBACjB,OAAO,EAAE,KAAK;aACd,CAAC,CAAC;QACJ,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;QAC5C,CAAC;IACF,CAAC;IAED,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE;QACxB,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QACtB,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5B,IAAI,CAAC;YACJ,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;YACnD,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAChD,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;QACvC,IAAI,CAAC;YACJ,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE;gBAC/C,QAAQ,EAAE,OAAO;gBACjB,GAAG,OAAO;aACV,CAAC,CAAC;YAEH,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACb,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC;gBAEpC,OAAO;oBACN,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC/E,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;iBAChE,CAAC;YACH,CAAC,CAAC,CAAC;QACJ,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;YACxC,MAAM,CAAC,CAAC;QACT,CAAC;IACF,CAAC;CACD,CAAC,CAAC,CAAC"}

package/dist/styles/helperClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helperClass.d.ts","sourceRoot":"","sources":["../../src/styles/helperClass.js"],"names":[],"mappings":";AAEA,4HA2TI"}
+{"version":3,"file":"helperClass.d.ts","sourceRoot":"","sources":["../../src/styles/helperClass.js"],"names":[],"mappings":";AAEA,4HAkVI"}