feat: Add review product screen ⭐

Core/Sources/Core/Models/DomainConvertible/Reviews.swift

@@ -0,0 +1,30 @@
+//
+//  File.swift
+//
+//
+//  Created by marwa on 23/08/2022.
+//
+
+import Domain
+import Networking
+
+extension Networking.Reviews: DomainConvertible {
+
+    func toDomain() -> Domain.Reviews {
+        return Domain.Reviews(rating: rating,
+                              totalRatingNumber: totalRatingNumber,
+                              fiveStarRatingNumber: fiveStarRatingNumber,
+                              fourStarRatingNumber: fourStarRatingNumber,
+                              threeStarRatingNumber: threeStarRatingNumber,
+                              twoStarRatingNumber: twoStarRatingNumber,
+                              oneStarRatingNumber: oneStarRatingNumber,
+                              reviews: reviews.map { $0.toDomain() })
+    }
+}
+
+extension Networking.Review: DomainConvertible {
+
+    func toDomain() -> Domain.Review {
+        return Domain.Review(image: image, name: name, date: date, rating: rating, reviewDescription: reviewDescription)
+    }
+}

Core/Sources/Core/Repository/ReviewsRepository.swift

@@ -0,0 +1,33 @@
+//
+//  File.swift
+//
+//
+//  Created by marwa on 23/08/2022.
+//
+
+import Domain
+import Foundation
+import Networking
+
+/// Implementation of `Domain.ReviewsRepository`
+///
+struct ReviewsRepository: Domain.ReviewsRepository {
+
+    let remote: ReviewsRemoteProtocol
+
+    init(remote: ReviewsRemoteProtocol) {
+        self.remote = remote
+    }
+
+    func loadReviews(completion: @escaping (Result<Domain.Reviews, Error>) -> Void) {
+        remote.loadReviewProductData { result in
+            switch result {
+            case let .success(productReviews):
+                let convertedReviews = productReviews.toDomain()
+                completion(.success(convertedReviews))
+            case let .failure(error):
+                completion(.failure(error))
+            }
+        }
+    }
+}

Core/Sources/Core/Tools/RepositoryProvider.swift

@@ -23,6 +23,11 @@ public struct DefaultRepositoryProvider {
 
 extension DefaultRepositoryProvider: RepositoryProvider {
 
+    public func makeReviewsRepository() -> Domain.ReviewsRepository {
+        let remote = MockNetwork()
+        return ReviewsRepository(remote: remote)
+    }
+
     public func makeProductRepository() -> Domain.ProductRepository {
         let remote = ProductsRemote(network: network)
         return ProductRepository(remote: remote)

Dokan/Dokan/Assets.xcassets/left.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "left-2.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Dokan/Dokan/Scenes/ProductDetails/Cell/ReviewerTableViewCell.swift

@@ -4,38 +4,43 @@
 //
 //  Created by raniazeid on 28/07/2022.
 //
+
+import Domain
+import UIDokan
 import UIKit
 
-class ReviewerTableViewCell: UITableViewCell {
-    // MARK: - Outlets
+class ReviewerTableViewCell: UITableViewCell, IdentifiableView {
 
-    @IBOutlet private(set) weak var reviewerImageView: UIImageView!
-    @IBOutlet private(set) weak var reviewerNameLabel: UILabel!
-    @IBOutlet private(set) weak var reviewerComment: UITextView!
+    // MARK: - Outlets
 
-    // MARK: Lifecycle
+    @IBOutlet private weak var reviewerImageView: UIImageView!
+    @IBOutlet private weak var reviewerNameLabel: UILabel!
+    @IBOutlet weak var reviewerComment: UILabel!
+    @IBOutlet weak var ratingStarsView: StarsView!
 
-    // MARK: Lifecycle
+    // MARK: - life cycle..
 
     override func awakeFromNib() {
         super.awakeFromNib()
+        reviewerImageView.applyCircleImageStyle()
     }
 
-    // MARK: Cell Configurations
+    // MARK: - method to configure cell
 
-    func configureCell(viewModel: ViewModel) {
-        reviewerNameLabel.text = viewModel.name
-        reviewerComment.text = viewModel.comment
+    func configureCell(viewModel: ReviewerCellViewModel) {
+        reviewerImageView.setImage(with: viewModel.reviewerImageUrl, placeholderImage: .star)
+        reviewerNameLabel.text = viewModel.reviewerName
+        reviewerComment.text = viewModel.reviewerComment
+        ratingStarsView.applyStyleToView()
+        ratingStarsView.updateStarsRating(viewModel.rating)
     }
-}
-
-// MARK: View Model
 
-extension ReviewerTableViewCell {
+    // MARK: - View Model
 
-    struct ViewModel {
-        var imageUrl: String
-        var name: String
-        var comment: String
+    struct ReviewerCellViewModel {
+        let reviewerImageUrl: String
+        let reviewerName: String
+        let reviewerComment: String
+        let rating: Double
     }
 }

Dokan/Dokan/Scenes/ProductDetails/Cell/ReviewerTableViewCell.xib

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="19455" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="20037" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES">
     <device id="retina6_1" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="19454"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="20020"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="System colors in document resources" minToolsVersion="11.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
@@ -18,74 +18,109 @@
                 <rect key="frame" x="0.0" y="0.0" width="420" height="187"/>
                 <autoresizingMask key="autoresizingMask"/>
                 <subviews>
-                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="t5f-TZ-ful">
-                        <rect key="frame" x="0.0" y="0.0" width="420" height="187"/>
+                    <stackView opaque="NO" contentMode="scaleToFill" spacing="10" translatesAutoresizingMaskIntoConstraints="NO" id="K5h-Jv-2I6">
+                        <rect key="frame" x="0.0" y="0.0" width="420" height="167"/>
                         <subviews>
-                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="aMW-WS-Xdx">
-                                <rect key="frame" x="0.0" y="0.0" width="40" height="40"/>
-                                <constraints>
-                                    <constraint firstAttribute="width" constant="40" id="9pv-7I-Y3B"/>
-                                    <constraint firstAttribute="height" constant="40" id="IV1-Jx-3gu"/>
-                                </constraints>
-                            </imageView>
-                            <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" translatesAutoresizingMaskIntoConstraints="NO" id="Kdx-d7-l6N">
-                                <rect key="frame" x="55" y="0.0" width="365" height="187"/>
+                            <stackView opaque="NO" contentMode="scaleToFill" alignment="top" translatesAutoresizingMaskIntoConstraints="NO" id="FDB-Wn-BUo">
+                                <rect key="frame" x="0.0" y="0.0" width="40" height="167"/>
                                 <subviews>
-                                    <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" translatesAutoresizingMaskIntoConstraints="NO" id="5ua-2S-dtm">
-                                        <rect key="frame" x="0.0" y="0.0" width="365" height="17"/>
+                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="aMW-WS-Xdx">
+                                        <rect key="frame" x="0.0" y="0.0" width="40" height="40"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="40" id="9pv-7I-Y3B"/>
+                                            <constraint firstAttribute="height" constant="40" id="IV1-Jx-3gu"/>
+                                        </constraints>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                        </userDefinedRuntimeAttributes>
+                                    </imageView>
+                                </subviews>
+                                <userDefinedRuntimeAttributes>
+                                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                </userDefinedRuntimeAttributes>
+                            </stackView>
+                            <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" distribution="equalSpacing" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="Kdx-d7-l6N">
+                                <rect key="frame" x="50" y="0.0" width="370" height="167"/>
+                                <subviews>
+                                    <stackView opaque="NO" contentMode="scaleToFill" distribution="equalSpacing" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="5ua-2S-dtm">
+                                        <rect key="frame" x="0.0" y="0.0" width="370" height="20"/>
                                         <subviews>
                                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Peter Parker" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="5WL-vR-UeQ">
-                                                <rect key="frame" x="0.0" y="0.0" width="182.5" height="17"/>
+                                                <rect key="frame" x="0.0" y="0.0" width="82" height="20"/>
                                                 <fontDescription key="fontDescription" type="system" weight="medium" pointSize="14"/>
                                                 <nil key="textColor"/>
                                                 <nil key="highlightedColor"/>
+                                                <userDefinedRuntimeAttributes>
+                                                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                                </userDefinedRuntimeAttributes>
                                             </label>
                                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="2 Bulan yang lalu" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="lGD-ya-DVc">
-                                                <rect key="frame" x="182.5" y="0.0" width="182.5" height="17"/>
+                                                <rect key="frame" x="274" y="0.0" width="96" height="20"/>
                                                 <fontDescription key="fontDescription" type="system" pointSize="12"/>
                                                 <color key="textColor" systemColor="systemGrayColor"/>
                                                 <nil key="highlightedColor"/>
+                                                <userDefinedRuntimeAttributes>
+                                                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                                </userDefinedRuntimeAttributes>
                                             </label>
                                         </subviews>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="20" id="wNg-iy-czn"/>
+                                        </constraints>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                        </userDefinedRuntimeAttributes>
                                     </stackView>
-                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="ZSV-Vh-XjP">
-                                        <rect key="frame" x="0.0" y="17" width="365" height="14"/>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="ZSV-Vh-XjP" customClass="StarsView" customModule="UIDokan">
+                                        <rect key="frame" x="0.0" y="67.5" width="370" height="20"/>
                                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                         <constraints>
-                                            <constraint firstAttribute="height" constant="14" id="HN5-Tz-hNY"/>
+                                            <constraint firstAttribute="height" constant="20" id="HN5-Tz-hNY"/>
                                         </constraints>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                        </userDefinedRuntimeAttributes>
                                     </view>
-                                    <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." translatesAutoresizingMaskIntoConstraints="NO" id="8ne-qC-Ucn">
-                                        <rect key="frame" x="0.0" y="31" width="365" height="156"/>
-                                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
-                                        <color key="textColor" systemColor="labelColor"/>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" horizontalCompressionResistancePriority="751" verticalCompressionResistancePriority="751" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="ZaW-Ej-lig">
+                                        <rect key="frame" x="0.0" y="135" width="370" height="32"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="32" id="mcj-id-nTs"/>
+                                        </constraints>
                                         <fontDescription key="fontDescription" type="system" pointSize="12"/>
-                                        <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
-                                    </textView>
+                                        <nil key="textColor"/>
+                                        <nil key="highlightedColor"/>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                        </userDefinedRuntimeAttributes>
+                                    </label>
                                 </subviews>
+                                <userDefinedRuntimeAttributes>
+                                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                                </userDefinedRuntimeAttributes>
                             </stackView>
                         </subviews>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
-                        <constraints>
-                            <constraint firstItem="Kdx-d7-l6N" firstAttribute="leading" secondItem="aMW-WS-Xdx" secondAttribute="trailing" constant="15" id="3It-wm-mrM"/>
-                            <constraint firstItem="aMW-WS-Xdx" firstAttribute="leading" secondItem="t5f-TZ-ful" secondAttribute="leading" id="83i-dC-ryb"/>
-                            <constraint firstItem="aMW-WS-Xdx" firstAttribute="top" secondItem="t5f-TZ-ful" secondAttribute="top" id="Rif-Ug-GO8"/>
-                            <constraint firstItem="Kdx-d7-l6N" firstAttribute="top" secondItem="t5f-TZ-ful" secondAttribute="top" id="V3L-fg-Go7"/>
-                            <constraint firstAttribute="bottom" secondItem="Kdx-d7-l6N" secondAttribute="bottom" id="ZVM-ro-5KR"/>
-                            <constraint firstAttribute="trailing" secondItem="Kdx-d7-l6N" secondAttribute="trailing" id="vlw-56-prQ"/>
-                        </constraints>
-                    </view>
+                        <userDefinedRuntimeAttributes>
+                            <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                        </userDefinedRuntimeAttributes>
+                    </stackView>
                 </subviews>
                 <constraints>
-                    <constraint firstAttribute="bottom" secondItem="t5f-TZ-ful" secondAttribute="bottom" id="2Yb-kY-pbC"/>
-                    <constraint firstItem="t5f-TZ-ful" firstAttribute="top" secondItem="H2p-sc-9uM" secondAttribute="top" id="I1e-vl-txk"/>
-                    <constraint firstAttribute="trailing" secondItem="t5f-TZ-ful" secondAttribute="trailing" id="UIB-8n-QIe"/>
-                    <constraint firstItem="t5f-TZ-ful" firstAttribute="leading" secondItem="H2p-sc-9uM" secondAttribute="leading" id="rvi-3j-SPx"/>
+                    <constraint firstItem="K5h-Jv-2I6" firstAttribute="top" secondItem="H2p-sc-9uM" secondAttribute="top" id="ULJ-pJ-Ng9"/>
+                    <constraint firstAttribute="bottom" secondItem="K5h-Jv-2I6" secondAttribute="bottom" constant="20" id="drv-NE-Lz0"/>
+                    <constraint firstItem="K5h-Jv-2I6" firstAttribute="leading" secondItem="H2p-sc-9uM" secondAttribute="leading" id="uEx-At-wgG"/>
+                    <constraint firstAttribute="trailing" secondItem="K5h-Jv-2I6" secondAttribute="trailing" id="uhT-yI-UwT"/>
                 </constraints>
+                <userDefinedRuntimeAttributes>
+                    <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+                </userDefinedRuntimeAttributes>
             </tableViewCellContentView>
             <viewLayoutGuide key="safeArea" id="njF-e1-oar"/>
+            <userDefinedRuntimeAttributes>
+                <userDefinedRuntimeAttribute type="boolean" keyPath="isSkeletonable" value="YES"/>
+            </userDefinedRuntimeAttributes>
             <connections>
-                <outlet property="reviewerComment" destination="8ne-qC-Ucn" id="aUg-Lm-RTS"/>
+                <outlet property="ratingStarsView" destination="ZSV-Vh-XjP" id="N3g-Xr-waP"/>
+                <outlet property="reviewerComment" destination="ZaW-Ej-lig" id="oks-zq-Xz2"/>
                 <outlet property="reviewerImageView" destination="aMW-WS-Xdx" id="b9i-WD-FR9"/>
                 <outlet property="reviewerNameLabel" destination="5WL-vR-UeQ" id="1sf-yD-KH6"/>
             </connections>