Fix error message purchasing already purchased non-consumables (#200)

## Motivation / Description
Fix error message when trying to purcase already purchased
non-consumables
<img width="680" alt="image"
src="https://github.com/user-attachments/assets/5535d468-ae66-42ea-8d23-0cda2a6bcecb">

## Changes introduced

## Linear ticket (if any)

## Additional comments

src/entities/errors.ts

@@ -179,7 +179,7 @@ export class ErrorCodeUtils {
         return ErrorCode.StoreProblemError;
       case PurchaseFlowErrorCode.UnknownError:
         return ErrorCode.UnknownError;
-      case PurchaseFlowErrorCode.AlreadySubscribedError:
+      case PurchaseFlowErrorCode.AlreadyPurchasedError:
         return ErrorCode.ProductAlreadyPurchasedError;
     }
   }

src/helpers/purchase-operation-helper.ts

@@ -11,9 +11,11 @@ import {
   CheckoutStatusErrorCodes,
   type CheckoutStatusResponse,
 } from "../networking/responses/checkout-status-response";
-import type {
-  PresentedOfferingContext,
-  PurchaseOption,
+import {
+  type PresentedOfferingContext,
+  type Product,
+  ProductType,
+  type PurchaseOption,
 } from "../entities/offerings";
 import { Logger } from "./logger";
 
@@ -24,7 +26,7 @@ export enum PurchaseFlowErrorCode {
   NetworkError = 3,
   StripeError = 4,
   MissingEmailError = 5,
-  AlreadySubscribedError = 6,
+  AlreadyPurchasedError = 6,
 }
 
 export class PurchaseFlowError extends Error {
@@ -45,14 +47,14 @@ export class PurchaseFlowError extends Error {
         return true;
       case PurchaseFlowErrorCode.ErrorSettingUpPurchase:
       case PurchaseFlowErrorCode.ErrorChargingPayment:
-      case PurchaseFlowErrorCode.AlreadySubscribedError:
+      case PurchaseFlowErrorCode.AlreadyPurchasedError:
       case PurchaseFlowErrorCode.StripeError:
       case PurchaseFlowErrorCode.UnknownError:
         return false;
     }
   }
 
-  getPublicErrorMessage(): string {
+  getPublicErrorMessage(productDetails: Product | null): string {
     const errorCode =
       this.extra?.backendErrorCode ?? this.purchasesErrorCode ?? this.errorCode;
     switch (this.errorCode) {
@@ -70,8 +72,12 @@ export class PurchaseFlowError extends Error {
         return this.message;
       case PurchaseFlowErrorCode.MissingEmailError:
         return "Email is required to complete the purchase.";
-      case PurchaseFlowErrorCode.AlreadySubscribedError:
-        return "You are already subscribed to this product.";
+      case PurchaseFlowErrorCode.AlreadyPurchasedError:
+        if (productDetails?.productType === ProductType.Subscription) {
+          return "You are already subscribed to this product.";
+        } else {
+          return "You have already purchased this product.";
+        }
     }
   }
 
@@ -81,7 +87,7 @@ export class PurchaseFlowError extends Error {
   ): PurchaseFlowError {
     let errorCode: PurchaseFlowErrorCode;
     if (e.errorCode === ErrorCode.ProductAlreadyPurchasedError) {
-      errorCode = PurchaseFlowErrorCode.AlreadySubscribedError;
+      errorCode = PurchaseFlowErrorCode.AlreadyPurchasedError;
     } else if (e.errorCode === ErrorCode.InvalidEmailError) {
       errorCode = PurchaseFlowErrorCode.MissingEmailError;
     } else if (e.errorCode === ErrorCode.NetworkError) {

src/tests/helpers/purchase-operation-helper.test.ts

@@ -108,7 +108,7 @@ describe("PurchaseOperationHelper", () => {
         },
       ),
       new PurchaseFlowError(
-        PurchaseFlowErrorCode.AlreadySubscribedError,
+        PurchaseFlowErrorCode.AlreadyPurchasedError,
         "This product is already active for the user.",
         "This subscriber is already subscribed to the requested product.",
       ),

src/ui/rcb-ui.svelte

@@ -21,6 +21,7 @@
   import BrandingInfoUI from "./branding-info-ui.svelte";
   import SandboxBanner from "./sandbox-banner.svelte";
   import { mapStyleOverridesToStyleVariables } from "../helpers/process-style-overrides";
+
   export let asModal = true;
   export let customerEmail: string | undefined;
   export let appUserId: string;
@@ -249,6 +250,7 @@
                   "Unknown error without state set.",
                 )}
               supportEmail={brandingInfo?.seller_company_support_email}
+              productDetails={productDetails}
               onContinue={closeWithError}
             />
           {/if}

src/ui/states/state-error.svelte

@@ -1,17 +1,16 @@
 <script lang="ts">
-  import {
-    PurchaseFlowError,
-    PurchaseFlowErrorCode,
-  } from "../../helpers/purchase-operation-helper";
+  import { PurchaseFlowError, PurchaseFlowErrorCode } from "../../helpers/purchase-operation-helper";
   import IconError from "../assets/icon-error.svelte";
   import { onMount } from "svelte";
   import { type BrandingInfoResponse } from "../../networking/responses/branding-response";
   import { Logger } from "../../helpers/logger.js";
   import MessageLayout from "../layout/message-layout.svelte";
+  import { type Product, ProductType } from "../../entities/offerings";
 
   export let brandingInfo: BrandingInfoResponse | null = null;
   export let lastError: PurchaseFlowError;
   export let supportEmail: string | null = null;
+  export let productDetails: Product | null = null;
   export let onContinue: () => void;
 
   onMount(() => {
@@ -22,8 +21,12 @@
 
   function getErrorTitle(): string {
     switch (lastError.errorCode) {
-      case PurchaseFlowErrorCode.AlreadySubscribedError:
-        return "Already subscribed";
+      case PurchaseFlowErrorCode.AlreadyPurchasedError:
+        if (productDetails?.productType === ProductType.Subscription) {
+          return "Already subscribed";
+        } else {
+          return "Already purchased";
+        }
       default:
         return "Something went wrong";
     }
@@ -37,7 +40,7 @@
   type="error"
 >
   <IconError slot="icon" />
-  {lastError.getPublicErrorMessage()}
+  {lastError.getPublicErrorMessage(productDetails)}
   {#if supportEmail}
     <br>If this error persists, please contact <a href="mailto:{supportEmail}"
       >{supportEmail}</a