@neurodyn/react-ai-try-on 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { JSX } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 
-export declare function AiTryOnDialog({ defaultOpen, language, onOpenChange, open, productImageSrc, productName, productType, productUrl, apiKey, ...props }: AiTryOnDialogProps): JSX.Element;
+export declare function AiTryOnDialog({ defaultOpen, language, onOpenChange, open, productImageSrc, productName, productPrice, productType, productUrl, apiKey, ...props }: AiTryOnDialogProps): JSX.Element;
 
 declare interface AiTryOnDialogOwnProps extends Omit<DialogProps, 'children' | 'modal'> {
     /** UI language override. */
@@ -11,6 +11,8 @@ declare interface AiTryOnDialogOwnProps extends Omit<DialogProps, 'children' | '
     productImageSrc: string;
     /** Product name for product preview alt text and product page CTA. */
     productName: string;
+    /** Optional already-formatted product price shown in Add-to-Cart CTAs. */
+    productPrice?: string;
     /** Canonical product category sent unchanged to AI try-on generation. */
     productType: ProductType;
     /** Product page URL opened from the result product CTA. */
@@ -50,6 +52,7 @@ declare const resources: {
             readonly download: "Download";
             readonly errorBadge: "Little error";
             readonly errorDifferentPhoto: "Change photo";
+            readonly errorFileTooLarge: "File is too large. Maximum file size is 10 MB";
             readonly errorGuidance: "Try again with a different photo. Make sure it shows your full body.";
             readonly errorRetry: "Try again";
             readonly errorSubtitle: "It happens — let's try again";
@@ -115,7 +118,8 @@ declare const resources: {
             readonly resultReset: "Save";
             readonly resultShare: "Share";
             readonly resultTitle: "Here's how it looks on you";
-            readonly resultTryAnother: "Add To Cart – $430";
+            readonly resultTryAnother: "Add To Cart";
+            readonly resultTryAnotherWithPrice: "Add To Cart – {{price}}";
             readonly share: "Share";
             readonly startHistory: "View previous results";
             readonly startTitle: "Want to see it on you?";
@@ -161,6 +165,7 @@ declare const resources: {
             readonly download: "Скачать";
             readonly errorBadge: "Небольшая ошибка";
             readonly errorDifferentPhoto: "Изменить фото";
+            readonly errorFileTooLarge: "Файл слишком большой. Максимальный размер файла — 10 МБ";
             readonly errorGuidance: "Попробуйте другое фото. Убедитесь, что вы видны в полный рост.";
             readonly errorRetry: "Попробовать снова";
             readonly errorSubtitle: "Так бывает — попробуем еще раз";
@@ -226,7 +231,8 @@ declare const resources: {
             readonly resultReset: "Сохранить";
             readonly resultShare: "Поделиться";
             readonly resultTitle: "Вот как это выглядит на вас";
-            readonly resultTryAnother: "Add To Cart – $430";
+            readonly resultTryAnother: "Add To Cart";
+            readonly resultTryAnotherWithPrice: "Add To Cart – {{price}}";
             readonly share: "Поделиться";
             readonly startHistory: "Смотреть прошлые результаты";
             readonly startTitle: "Хотите увидеть это на себе?";

package/dist/index.js

@@ -10161,6 +10161,7 @@ const ns1 = {
     download: 'Download',
     errorBadge: 'Little error',
     errorDifferentPhoto: 'Change photo',
+    errorFileTooLarge: 'File is too large. Maximum file size is 10 MB',
     errorGuidance: 'Try again with a different photo. Make sure it shows your full body.',
     errorRetry: 'Try again',
     errorSubtitle: 'It happens — let\'s try again',
@@ -10226,7 +10227,8 @@ const ns1 = {
     resultReset: 'Save',
     resultShare: 'Share',
     resultTitle: 'Here\'s how it looks on you',
-    resultTryAnother: 'Add To Cart – $430',
+    resultTryAnother: 'Add To Cart',
+    resultTryAnotherWithPrice: 'Add To Cart – {{price}}',
     share: 'Share',
     startHistory: 'View previous results',
     startTitle: 'Want to see it on you?',
@@ -10270,6 +10272,7 @@ const ru_ns1 = {
     download: 'Скачать',
     errorBadge: 'Небольшая ошибка',
     errorDifferentPhoto: 'Изменить фото',
+    errorFileTooLarge: 'Файл слишком большой. Максимальный размер файла — 10 МБ',
     errorGuidance: 'Попробуйте другое фото. Убедитесь, что вы видны в полный рост.',
     errorRetry: 'Попробовать снова',
     errorSubtitle: 'Так бывает — попробуем еще раз',
@@ -10335,7 +10338,8 @@ const ru_ns1 = {
     resultReset: 'Сохранить',
     resultShare: 'Поделиться',
     resultTitle: 'Вот как это выглядит на вас',
-    resultTryAnother: 'Add To Cart – $430',
+    resultTryAnother: 'Add To Cart',
+    resultTryAnotherWithPrice: 'Add To Cart – {{price}}',
     share: 'Поделиться',
     startHistory: 'Смотреть прошлые результаты',
     startTitle: 'Хотите увидеть это на себе?',
@@ -18179,9 +18183,13 @@ function ResultImagePanel({ className, onOpenComparison, productLabel, productUr
     });
 }
 const COMPARISON_DIALOG_BACKGROUND_CLASS_NAME = 'bg-[#212124E5]';
-function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult, onShareResult, portalContainer, productName, productUrl, result }) {
+function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult, onShareResult, portalContainer, productName, productPrice, productUrl, result }) {
     const { t } = useTranslation();
     const productLabel = productName ?? t('resultProductLink');
+    const normalizedProductPrice = normalizeProductPrice(productPrice);
+    const addToCartLabel = normalizedProductPrice ? t('resultTryAnotherWithPrice', {
+        price: normalizedProductPrice
+    }) : t('resultTryAnother');
     function handleDelete() {
         onDeleteResult();
     }
@@ -18306,7 +18314,7 @@ function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult,
                                     }),
                                     /*#__PURE__*/ jsx_runtime_jsx("span", {
                                         className: "truncate",
-                                        children: t('resultTryAnother')
+                                        children: addToCartLabel
                                     })
                                 ]
                             }),
@@ -18347,6 +18355,10 @@ function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult,
         })
     });
 }
+function normalizeProductPrice(value) {
+    const normalized = value?.trim();
+    return normalized || void 0;
+}
 const badgeVariants = cva('inline-flex w-fit items-center justify-center overflow-hidden rounded-full whitespace-nowrap', {
     variants: {
         variant: {
@@ -19081,11 +19093,12 @@ function ProcessingScreen({ view }) {
 }
 function ErrorScreen({ view }) {
     const { t } = useTranslation();
+    const isFileTooLarge = 'upload-validation' === view.error.kind && 'file-too-large' === view.error.code;
     return /*#__PURE__*/ jsxs(ScreenLayout, {
-        title: t('errorTitle'),
-        subtitle: t('errorSubtitle'),
+        title: t(isFileTooLarge ? 'errorFileTooLarge' : 'errorTitle'),
+        subtitle: isFileTooLarge ? void 0 : t('errorSubtitle'),
         children: [
-            /*#__PURE__*/ jsxs(TryOnImagePanel, {
+            !isFileTooLarge && /*#__PURE__*/ jsxs(TryOnImagePanel, {
                 className: "mt-3",
                 children: [
                     /*#__PURE__*/ jsx_runtime_jsx(BlurredPhotoBackdrop, {
@@ -19169,6 +19182,10 @@ function ErrorScreen({ view }) {
 }
 function ResultScreen({ view }) {
     const { t } = useTranslation();
+    const normalizedProductPrice = try_on_screens_normalizeProductPrice(view.productPrice);
+    const addToCartLabel = normalizedProductPrice ? t('resultTryAnotherWithPrice', {
+        price: normalizedProductPrice
+    }) : t('resultTryAnother');
     if (view.myFitsOpen) return /*#__PURE__*/ jsx_runtime_jsx("div", {
         className: "min-h-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain pb-4",
         children: /*#__PURE__*/ jsx_runtime_jsx("div", {
@@ -19177,6 +19194,7 @@ function ResultScreen({ view }) {
                     compact: index > 0,
                     onAddToCart: view.addToCart,
                     productName: historyItem.productName ?? view.productName,
+                    productPrice: historyItem.productPrice,
                     productUrl: historyItem.productUrl ?? view.productUrl,
                     result: historyItem,
                     onDeleteResult: view.deleteResult,
@@ -19212,7 +19230,7 @@ function ResultScreen({ view }) {
                             /*#__PURE__*/ jsx_runtime_jsx(Cart, {
                                 "data-icon": "inline-start"
                             }),
-                            t('resultTryAnother')
+                            addToCartLabel
                         ]
                     }),
                     /*#__PURE__*/ jsxs("div", {
@@ -19258,9 +19276,13 @@ function ResultScreen({ view }) {
         ]
     });
 }
-function ResultFitCard({ compact = false, onAddToCart, onDeleteResult, onOpenComparison, onSaveResult, onShareResult, productName, productUrl, result }) {
+function ResultFitCard({ compact = false, onAddToCart, onDeleteResult, onOpenComparison, onSaveResult, onShareResult, productName, productPrice, productUrl, result }) {
     const { t } = useTranslation();
     const productLabel = productName ?? t('resultProductLink');
+    const normalizedProductPrice = try_on_screens_normalizeProductPrice(productPrice);
+    const addToCartLabel = normalizedProductPrice ? t('resultTryAnotherWithPrice', {
+        price: normalizedProductPrice
+    }) : t('resultTryAnother');
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col gap-4",
         children: [
@@ -19286,7 +19308,7 @@ function ResultFitCard({ compact = false, onAddToCart, onDeleteResult, onOpenCom
                             }),
                             /*#__PURE__*/ jsx_runtime_jsx("span", {
                                 className: "truncate",
-                                children: t('resultTryAnother')
+                                children: addToCartLabel
                             })
                         ]
                     }),
@@ -19393,6 +19415,10 @@ function TermsCopy({ className }) {
         ]
     });
 }
+function try_on_screens_normalizeProductPrice(value) {
+    const normalized = value?.trim();
+    return normalized || void 0;
+}
 const REQUIRED_UPLOAD_COUNT = 2;
 function createNanoBananaAiTryOnProcessor({ createObjectUrl = defaultCreateObjectUrl, fetch: fetchImpl, productImageSrc, productType, tryOnClient, apiKey }) {
     assertProductType(productType);
@@ -19728,6 +19754,7 @@ async function toStoredResult(result) {
         id: result.id,
         productImageSrc: result.productImageSrc,
         productName: result.productName,
+        productPrice: result.productPrice,
         productUrl: result.productUrl
     };
 }
@@ -19817,7 +19844,7 @@ class AiTryOnSession {
     createObjectUrl;
     tipStore;
     state;
-    constructor({ createObjectUrl, productImageSrc, productName, productType, productUrl, tipStore }){
+    constructor({ createObjectUrl, productImageSrc, productName, productPrice, productType, productUrl, tipStore }){
         this.createObjectUrl = createObjectUrl;
         this.tipStore = tipStore;
         this.state = {
@@ -19830,6 +19857,7 @@ class AiTryOnSession {
             processingProgress: 0,
             productImageSrc,
             productName,
+            productPrice: ai_try_on_session_normalizeProductPrice(productPrice),
             productType,
             productUrl,
             result: null,
@@ -19865,6 +19893,7 @@ class AiTryOnSession {
                     canOpenMyFits: this.state.history.length > 0,
                     myFitsOpen: this.state.myFitsOpen,
                     productName: this.state.result?.productName ?? this.state.productName,
+                    productPrice: this.state.result ? ai_try_on_session_normalizeProductPrice(this.state.result.productPrice) : this.state.productPrice,
                     productUrl: this.state.result?.productUrl ?? this.state.productUrl,
                     result: this.state.result,
                     resultHistory: getResultHistory(this.state.result, this.state.history),
@@ -19887,6 +19916,7 @@ class AiTryOnSession {
         return {
             open: this.state.comparisonOpen && null !== result,
             productName: result?.productName ?? this.state.productName,
+            productPrice: result ? ai_try_on_session_normalizeProductPrice(result.productPrice) : this.state.productPrice,
             productUrl: result?.productUrl ?? this.state.productUrl,
             result
         };
@@ -19897,11 +19927,12 @@ class AiTryOnSession {
     get history() {
         return this.state.history;
     }
-    updateProduct({ productImageSrc, productName, productType, productUrl }) {
+    updateProduct({ productImageSrc, productName, productPrice, productType, productUrl }) {
         this.state = {
             ...this.state,
             productImageSrc,
             productName,
+            productPrice: ai_try_on_session_normalizeProductPrice(productPrice),
             productType,
             productUrl
         };
@@ -20202,6 +20233,7 @@ class AiTryOnSession {
         return {
             productImageSrc: this.state.productImageSrc,
             productName: this.state.productName,
+            productPrice: this.state.productPrice,
             productUrl: this.state.productUrl
         };
     }
@@ -20220,10 +20252,15 @@ function createAiTryOnHistoryItem(result, metadata, createdAt = Date.now()) {
     return {
         ...result,
         ...metadata,
+        productPrice: ai_try_on_session_normalizeProductPrice(metadata.productPrice),
         createdAt,
         id: `${result.before.id}-result-${createdAt}`
     };
 }
+function ai_try_on_session_normalizeProductPrice(value) {
+    const normalized = value?.trim();
+    return normalized || void 0;
+}
 function getResultHistory(result, history) {
     if (!result) return [];
     const results = [
@@ -20335,6 +20372,7 @@ function reviveStoredResult(result, createObjectUrl) {
         id: result.id,
         productImageSrc: result.productImageSrc,
         productName: result.productName,
+        productPrice: result.productPrice,
         productUrl: result.productUrl
     };
 }
@@ -20389,7 +20427,7 @@ function collectPhotoObjectUrl(photo) {
         photo.src
     ] : null;
 }
-function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, objectUrls = browserAiTryOnObjectUrls, onRequestClose, onRequestFileInput, processPhoto, productImageSrc, productName, productType, productUrl, tryOnClient, resultActions = browserAiTryOnResultActions, tipStore = browserAiTryOnTipStore }) {
+function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, objectUrls = browserAiTryOnObjectUrls, onRequestClose, onRequestFileInput, processPhoto, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient, resultActions = browserAiTryOnResultActions, tipStore = browserAiTryOnTipStore }) {
     const [, rerender] = (0, __rspack_external_react.useReducer)((value)=>value + 1, 0);
     const trackedObjectUrls = (0, __rspack_external_react.useRef)(new Set());
     const createTrackedObjectUrl = (0, __rspack_external_react.useCallback)((blob)=>{
@@ -20404,6 +20442,7 @@ function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, object
         createObjectUrl: createTrackedObjectUrl,
         productImageSrc,
         productName,
+        productPrice,
         productType,
         productUrl,
         tipStore
@@ -20412,6 +20451,7 @@ function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, object
     session.updateProduct({
         productImageSrc,
         productName,
+        productPrice,
         productType,
         productUrl
     });
@@ -20603,7 +20643,7 @@ function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, object
 function waitForRemainingProcessingDuration(startedAt) {
     return waitForProcessingDuration(getRemainingProcessingDuration(startedAt));
 }
-function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, productImageSrc, productName, productType, productUrl, tryOnClient: providedTryOnClient, apiKey, showDialogCloseButton = false }) {
+function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient: providedTryOnClient, apiKey, showDialogCloseButton = false }) {
     assertProductType(productType);
     const { i18n, t } = useTranslation();
     const fileInputRef = (0, __rspack_external_react.useRef)(null);
@@ -20626,6 +20666,7 @@ function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, p
         processPhoto,
         productImageSrc,
         productName,
+        productPrice,
         productType,
         productUrl,
         tryOnClient
@@ -20703,6 +20744,7 @@ function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, p
             }, stage),
             session.comparison.open && /*#__PURE__*/ jsx_runtime_jsx(ComparisonDialog, {
                 productName: session.comparison.productName,
+                productPrice: session.comparison.productPrice,
                 productUrl: session.comparison.productUrl,
                 portalContainer: dialogPortalContainer ?? void 0,
                 result: session.comparison.result,
@@ -20746,7 +20788,7 @@ function getBadgeTone(stage) {
 configureNodeApiClient({
     baseURL: "https://api.neurodyn.ai/"
 });
-function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, productImageSrc, productName, productType, productUrl, apiKey, ...props }) {
+function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, productImageSrc, productName, productPrice, productType, productUrl, apiKey, ...props }) {
     assertProductType(productType);
     const i18n = (0, __rspack_external_react.useMemo)(()=>createAiTryOnI18n(language), [
         language
@@ -20807,6 +20849,7 @@ function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, prod
                                 portalContainer: themeRoot,
                                 productImageSrc: productImageSrc,
                                 productName: productName,
+                                productPrice: productPrice,
                                 productType: productType,
                                 productUrl: productUrl,
                                 tryOnClient: tryOnClient,
@@ -20821,7 +20864,7 @@ function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, prod
         ]
     });
 }
-function AiTryOnDialogContent({ language, onRequestClose, portalContainer, productImageSrc, productName, productType, productUrl, tryOnClient, ...props }) {
+function AiTryOnDialogContent({ language, onRequestClose, portalContainer, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient, ...props }) {
     const { t } = useTranslation();
     return /*#__PURE__*/ jsx_runtime_jsx(Dialog, {
         ...props,
@@ -20850,6 +20893,7 @@ function AiTryOnDialogContent({ language, onRequestClose, portalContainer, produ
                     language: language,
                     productImageSrc: productImageSrc,
                     productName: productName,
+                    productPrice: productPrice,
                     productType: productType,
                     productUrl: productUrl,
                     tryOnClient: tryOnClient,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-ai-try-on",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },