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

package/dist/index.js

@@ -935,6 +935,10 @@ var __webpack_modules__ = {
     height: auto;
   }
 
+  .h-dvh {
+    height: 100dvh;
+  }
+
   .h-full {
     height: 100%;
   }
@@ -943,10 +947,6 @@ var __webpack_modules__ = {
     height: 1px;
   }
 
-  .h-svh {
-    height: 100svh;
-  }
-
   .max-h-\\(--radix-select-content-available-height\\) {
     max-height: var(--radix-select-content-available-height);
   }
@@ -955,12 +955,12 @@ var __webpack_modules__ = {
     max-height: calc(var(--spacing) * 179);
   }
 
-  .max-h-none {
-    max-height: none;
+  .max-h-dvh {
+    max-height: 100dvh;
   }
 
-  .max-h-svh {
-    max-height: 100svh;
+  .max-h-none {
+    max-height: none;
   }
 
   .min-h-0 {
@@ -2045,6 +2045,10 @@ var __webpack_modules__ = {
     padding-bottom: 5px;
   }
 
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
@@ -2707,6 +2711,10 @@ var __webpack_modules__ = {
     -webkit-mask-size: 18% 18%;
   }
 
+  .paused {
+    animation-play-state: paused;
+  }
+
   .running {
     animation-play-state: running;
   }
@@ -4479,6 +4487,10 @@ var __webpack_modules__ = {
     color: var(--v-text-dark);
   }
 
+  .data-\\[variant\\=destructive\\]\\:\\[\\&_svg\\:not\\(\\[class\\*\\=text-\\]\\)\\]\\:text-inherit[data-variant="destructive"] svg:not([class*="text-"]) {
+    color: inherit;
+  }
+
   .\\[\\&_tr\\]\\:border-b tr {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -9462,6 +9474,15 @@ function ThemeProvider({ children, defaultTheme = 'system', storageKey = 'v-them
     });
 }
 var fontsinline = __webpack_require__("../ui/src/styles/fonts.css?inline");
+const externalTryOnClient = {
+    requestUploadUrls: async ()=>{
+        throw new Error('External generation handles its own uploads');
+    },
+    generateTryOn: async ()=>{
+        throw new Error('External generation handler is required');
+    },
+    sendWidgetEvent: ()=>{}
+};
 const DEFAULT_API_TIMEOUT = 30000;
 function createDefaultClient(defaultBaseURL) {
     return axios.create({
@@ -9859,6 +9880,17 @@ async function tryOnControllerCreateUploadUrls(params, config = {}) {
     });
     return res.data;
 }
+async function tryOnControllerGenerateShopifyTryOn(data, config = {}) {
+    const { client: request = node_client_node_client, ...requestConfig } = config;
+    const requestData = data;
+    const res = await request({
+        method: "POST",
+        url: "/public/try-on/shopify/generate",
+        data: requestData,
+        ...requestConfig
+    });
+    return res.data;
+}
 async function tryOnControllerGenerateTryOn(data, config = {}) {
     const { client: request = node_client_node_client, ...requestConfig } = config;
     const requestData = data;
@@ -10146,6 +10178,16 @@ function createTryOnClient({ apiKey } = {}) {
     }) : createInternalTryOnClient();
 }
 const ns1 = {
+    activationLoading: 'Checking this product…',
+    activationLoadingSubtitle: 'One moment while the store confirms try-on for this item.',
+    activationTemporarilyUnavailable: 'Try-on is paused for this store right now. Please check back later.',
+    activationUnavailableTitle: 'Try-on is unavailable',
+    externalPhotoRequired: 'Please upload your photo again.',
+    externalNoTokens: 'The store has no tokens remaining.',
+    externalProductUnavailable: 'Try-on is unavailable for this product.',
+    externalServiceUnavailable: 'Try-on is unavailable. Please try again later.',
+    externalTimeout: 'The request timed out. Please try again.',
+    externalPhotoHint: 'Upload a clear photo of yourself. The store chooses the item used for your try-on.',
     back: 'Back',
     badge: 'Try it on',
     confirmBadge: 'Almost there',
@@ -10235,7 +10277,7 @@ const ns1 = {
     startUpload: 'Choose your photo',
     termsJoiner: '&',
     termsLink: 'Terms',
-    termsPrefix: 'By using this service, your agree to',
+    termsPrefix: 'By using this service, you agree to',
     privacyLink: 'privacy Policy',
     upperBodyIntroBadArmsCrossed: 'Arms crossed hide the fit',
     upperBodyIntroBadObjectBlockingTorso: 'Object blocks the torso',
@@ -10257,6 +10299,16 @@ const ns1 = {
     wristIntroTitle: 'Give us a hand'
 };
 const ru_ns1 = {
+    activationLoading: 'Проверяем товар…',
+    activationLoadingSubtitle: 'Магазин подтверждает примерку для этого товара.',
+    activationTemporarilyUnavailable: 'Примерка в этом магазине сейчас приостановлена. Загляните позже.',
+    activationUnavailableTitle: 'Примерка недоступна',
+    externalPhotoRequired: 'Загрузите фото заново.',
+    externalNoTokens: 'У магазина закончились токены.',
+    externalProductUnavailable: 'Примерка для этого товара недоступна.',
+    externalServiceUnavailable: 'Примерка недоступна. Попробуйте позже.',
+    externalTimeout: 'Время ожидания истекло. Попробуйте снова.',
+    externalPhotoHint: 'Загрузите чёткое фото себя. Изображение товара для примерки определяется настройками магазина.',
     back: 'Назад',
     badge: 'Примерить',
     confirmBadge: 'Почти готово',
@@ -10313,7 +10365,7 @@ const ru_ns1 = {
     headwearIntroTitle: 'Загрузите фото головы и плеч',
     introCta: 'Продолжить',
     introBadge: 'Совет',
-    myFits: 'My fits',
+    myFits: 'Мои образы',
     lowerBodyIntroBadCoveredWaist: 'Свободная одежда скрывает линию талии',
     lowerBodyIntroBadSitting: 'В сидячей позе ноги согнуты',
     lowerBodyIntroGoodFullBody: 'Фото в полный рост',
@@ -10338,8 +10390,8 @@ const ru_ns1 = {
     resultReset: 'Сохранить',
     resultShare: 'Поделиться',
     resultTitle: 'Вот как это выглядит на вас',
-    resultTryAnother: 'Add To Cart',
-    resultTryAnotherWithPrice: 'Add To Cart – {{price}}',
+    resultTryAnother: 'Добавить в корзину',
+    resultTryAnotherWithPrice: 'Добавить в корзину – {{price}}',
     share: 'Поделиться',
     startHistory: 'Смотреть прошлые результаты',
     startTitle: 'Хотите увидеть это на себе?',
@@ -10389,18 +10441,29 @@ function createAiTryOnI18n(language) {
     return instance;
 }
 const PROPERTY_BLOCK_RE = /@property\s+(--[^{\s]+)\s*\{([^}]*)\}/g;
-const INITIAL_VALUE_RE = /initial-value:([^;\n]+);/i;
+const INITIAL_VALUE_RE = /initial-value:([^;}]+)/i;
+const NON_INHERITING_RE = /inherits:\s*false(?:\s*;|\s*$)/i;
 const ROOT_TO_HOST_SELECTOR_RE = /:root\s*,\s*:host|:root/g;
+const SHADOW_HOST_VISIBILITY_CSS = ':host{display:block!important;visibility:visible!important}';
 function createShadowRootCssText(cssText) {
     const cssForHost = cssText.replace(ROOT_TO_HOST_SELECTOR_RE, ':host');
     const propertyBlocks = Array.from(cssText.matchAll(PROPERTY_BLOCK_RE));
     const propertyDefaults = propertyBlocks.map(([, name, body])=>{
-        const match = body.match(INITIAL_VALUE_RE);
-        if (!match) return null;
-        const initialValue = match[1].trim();
-        return `  ${name}: ${initialValue};`;
+        if (!NON_INHERITING_RE.test(body)) return null;
+        const initialValue = body.match(INITIAL_VALUE_RE)?.[1].trim() ?? 'initial';
+        return `    ${name}: ${initialValue};`;
     }).filter((value)=>null !== value).join('\n');
-    return propertyDefaults ? `:host {\n${propertyDefaults}\n}\n\n${cssForHost}` : cssForHost;
+    if (!propertyDefaults) return cssForHost;
+    return `${cssForHost}\n\n@layer base {
+  :host,
+  *,
+  ::before,
+  ::after,
+  ::backdrop,
+  ::file-selector-button {
+${propertyDefaults}
+  }
+}`;
 }
 var styleinline = __webpack_require__("./src/style.css?inline");
 const shadowRootCssText = createShadowRootCssText(styleinline.A);
@@ -18183,7 +18246,7 @@ function ResultImagePanel({ className, onOpenComparison, productLabel, productUr
     });
 }
 const COMPARISON_DIALOG_BACKGROUND_CLASS_NAME = 'bg-[#212124E5]';
-function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult, onShareResult, portalContainer, productName, productPrice, productUrl, result }) {
+function ComparisonDialog({ addToCartError, addToCartPending = false, onAddToCart, onClose, onDeleteResult, onSaveResult, onShareResult, portalContainer, productName, productPrice, productUrl, result }) {
     const { t } = useTranslation();
     const productLabel = productName ?? t('resultProductLink');
     const normalizedProductPrice = normalizeProductPrice(productPrice);
@@ -18197,7 +18260,7 @@ function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult,
         open: true,
         onOpenChange: (open)=>!open && onClose(),
         children: /*#__PURE__*/ jsxs(DialogContent, {
-            className: `dark fixed inset-0 left-0 top-0 flex h-svh max-h-none w-svw max-w-none translate-x-0 translate-y-0 flex-col rounded-none ${COMPARISON_DIALOG_BACKGROUND_CLASS_NAME} p-0 text-text-dark duration-200 sm:max-w-none sm:p-0`,
+            className: `dark fixed inset-0 left-0 top-0 flex h-dvh max-h-none w-svw max-w-none translate-x-0 translate-y-0 flex-col rounded-none ${COMPARISON_DIALOG_BACKGROUND_CLASS_NAME} p-0 text-text-dark duration-200 sm:max-w-none sm:p-0`,
             portalContainer: portalContainer,
             showCloseButton: false,
             children: [
@@ -18297,59 +18360,67 @@ function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult,
                         ]
                     })
                 }),
-                /*#__PURE__*/ jsx_runtime_jsx("div", {
-                    className: "flex h-23 shrink-0 items-center justify-center px-8 pb-6 pt-3",
-                    children: /*#__PURE__*/ jsxs("div", {
-                        className: "flex w-full max-w-104 items-start gap-2",
-                        children: [
-                            /*#__PURE__*/ jsxs(button_Button, {
-                                className: "min-w-0 flex-1",
-                                size: "lg",
-                                type: "button",
-                                variant: "contrast",
-                                onClick: onAddToCart,
-                                children: [
-                                    /*#__PURE__*/ jsx_runtime_jsx(Cart, {
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex shrink-0 flex-col items-center gap-1 px-8 pb-6 pt-3",
+                    children: [
+                        addToCartError && /*#__PURE__*/ jsx_runtime_jsx("p", {
+                            className: "text-xs text-text-sub",
+                            role: "alert",
+                            children: addToCartError
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex h-23 w-full max-w-104 items-start gap-2",
+                            children: [
+                                onAddToCart && /*#__PURE__*/ jsxs(button_Button, {
+                                    className: "min-w-0 flex-1",
+                                    disabled: addToCartPending,
+                                    size: "lg",
+                                    type: "button",
+                                    variant: "contrast",
+                                    onClick: onAddToCart,
+                                    children: [
+                                        /*#__PURE__*/ jsx_runtime_jsx(Cart, {
+                                            "data-icon": "inline-start"
+                                        }),
+                                        /*#__PURE__*/ jsx_runtime_jsx("span", {
+                                            className: "truncate",
+                                            children: addToCartLabel
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
+                                    "aria-label": t('share'),
+                                    size: "icon-lg",
+                                    type: "button",
+                                    variant: "outline",
+                                    onClick: onShareResult,
+                                    children: /*#__PURE__*/ jsx_runtime_jsx(Share, {
+                                        "data-icon": "inline-start"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
+                                    "aria-label": t('download'),
+                                    size: "icon-lg",
+                                    type: "button",
+                                    variant: "outline",
+                                    onClick: onSaveResult,
+                                    children: /*#__PURE__*/ jsx_runtime_jsx(Download, {
+                                        "data-icon": "inline-start"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
+                                    "aria-label": t('reset'),
+                                    size: "icon-lg",
+                                    type: "button",
+                                    variant: "outline",
+                                    onClick: handleDelete,
+                                    children: /*#__PURE__*/ jsx_runtime_jsx(EditorTrash, {
                                         "data-icon": "inline-start"
-                                    }),
-                                    /*#__PURE__*/ jsx_runtime_jsx("span", {
-                                        className: "truncate",
-                                        children: addToCartLabel
                                     })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
-                                "aria-label": t('share'),
-                                size: "icon-lg",
-                                type: "button",
-                                variant: "outline",
-                                onClick: onShareResult,
-                                children: /*#__PURE__*/ jsx_runtime_jsx(Share, {
-                                    "data-icon": "inline-start"
-                                })
-                            }),
-                            /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
-                                "aria-label": t('download'),
-                                size: "icon-lg",
-                                type: "button",
-                                variant: "outline",
-                                onClick: onSaveResult,
-                                children: /*#__PURE__*/ jsx_runtime_jsx(Download, {
-                                    "data-icon": "inline-start"
-                                })
-                            }),
-                            /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
-                                "aria-label": t('reset'),
-                                size: "icon-lg",
-                                type: "button",
-                                variant: "outline",
-                                onClick: handleDelete,
-                                children: /*#__PURE__*/ jsx_runtime_jsx(EditorTrash, {
-                                    "data-icon": "inline-start"
                                 })
-                            })
-                        ]
-                    })
+                            ]
+                        })
+                    ]
                 })
             ]
         })
@@ -18392,7 +18463,7 @@ function Badge({ className, variant, size, asChild = false, ...props }) {
 }
 function TryOnShell({ className, ...props }) {
     return /*#__PURE__*/ jsx_runtime_jsx("div", {
-        className: utils_cn('flex max-h-svh w-svw flex-col overflow-hidden rounded-t-3xl rounded-b-none bg-background-containers text-foreground shadow-2xl sm:max-h-[min(calc(100svh-var(--spacing)*8),--spacing(176))] sm:w-120 sm:rounded-3xl', className),
+        className: utils_cn('flex max-h-dvh w-svw flex-col overflow-hidden rounded-t-3xl rounded-b-none bg-background-containers text-foreground shadow-2xl sm:max-h-[min(calc(100svh-var(--spacing)*8),--spacing(176))] sm:w-120 sm:rounded-3xl', className),
         ...props
     });
 }
@@ -18871,10 +18942,10 @@ function getAiTryOnGuidance(productType) {
 }
 function StartScreen({ view }) {
     const { t } = useTranslation();
-    const guidance = getAiTryOnGuidance(view.productType);
+    const guidance = view.productType ? getAiTryOnGuidance(view.productType) : null;
     return /*#__PURE__*/ jsxs(ScreenLayout, {
         title: t('startTitle'),
-        subtitle: t(guidance.titleKey),
+        subtitle: t(guidance?.titleKey ?? 'externalPhotoHint'),
         children: [
             /*#__PURE__*/ jsxs(TryOnImagePanel, {
                 className: "mt-3",
@@ -18925,7 +18996,8 @@ function StartScreen({ view }) {
 }
 function IntroScreen({ view }) {
     const { t } = useTranslation();
-    const guidance = getAiTryOnGuidance(view.productType);
+    const guidance = view.productType ? getAiTryOnGuidance(view.productType) : null;
+    if (!guidance) return null;
     return /*#__PURE__*/ jsxs(ScreenLayout, {
         title: t(guidance.titleKey),
         subtitle: t(guidance.subtitleKey),
@@ -19043,6 +19115,79 @@ function ConfirmScreen({ view }) {
         ]
     });
 }
+function ActivationLoadingScreen() {
+    const { t } = useTranslation();
+    return /*#__PURE__*/ jsx_runtime_jsx(ScreenLayout, {
+        title: t('activationLoading'),
+        subtitle: t('activationLoadingSubtitle'),
+        children: /*#__PURE__*/ jsx_runtime_jsx(TryOnImagePanel, {
+            className: "mt-3",
+            children: /*#__PURE__*/ jsx_runtime_jsx(LoadingTexture, {
+                animated: true,
+                className: "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
+            })
+        })
+    });
+}
+function ActivationUnavailableScreen({ onClose, temporary }) {
+    const { t } = useTranslation();
+    return /*#__PURE__*/ jsx_runtime_jsx(ScreenLayout, {
+        title: t('activationUnavailableTitle'),
+        subtitle: t(temporary ? 'activationTemporarilyUnavailable' : 'externalProductUnavailable'),
+        children: /*#__PURE__*/ jsxs(ActionStack, {
+            className: "mt-4",
+            children: [
+                onClose && /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
+                    className: "w-full",
+                    size: "lg",
+                    type: "button",
+                    variant: "contrast",
+                    onClick: onClose,
+                    children: t('close')
+                }),
+                /*#__PURE__*/ jsx_runtime_jsx(TermsCopy, {
+                    className: "text-text-sub"
+                })
+            ]
+        })
+    });
+}
+function ActivationErrorScreen({ onClose, onRetry }) {
+    const { t } = useTranslation();
+    return /*#__PURE__*/ jsx_runtime_jsx(ScreenLayout, {
+        title: t('errorTitle'),
+        subtitle: t('externalServiceUnavailable'),
+        children: /*#__PURE__*/ jsxs(ActionStack, {
+            className: "mt-4",
+            children: [
+                onRetry && /*#__PURE__*/ jsxs(button_Button, {
+                    className: "w-full",
+                    size: "lg",
+                    type: "button",
+                    variant: "contrast",
+                    onClick: onRetry,
+                    children: [
+                        /*#__PURE__*/ jsx_runtime_jsx(Vizbl, {
+                            "data-icon": "inline-start"
+                        }),
+                        t('errorRetry')
+                    ]
+                }),
+                onClose && /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
+                    className: "w-full",
+                    size: "lg",
+                    type: "button",
+                    variant: "outline",
+                    onClick: onClose,
+                    children: t('close')
+                }),
+                /*#__PURE__*/ jsx_runtime_jsx(TermsCopy, {
+                    className: "text-text-sub"
+                })
+            ]
+        })
+    });
+}
 function ProcessingScreen({ view }) {
     const { t } = useTranslation();
     return /*#__PURE__*/ jsxs(ScreenLayout, {
@@ -19091,14 +19236,25 @@ function ProcessingScreen({ view }) {
         ]
     });
 }
-function ErrorScreen({ view }) {
+function ErrorScreen({ view, onClose }) {
     const { t } = useTranslation();
     const isFileTooLarge = 'upload-validation' === view.error.kind && 'file-too-large' === view.error.code;
+    const externalErrors = {
+        tokens: 'externalNoTokens',
+        product: 'externalProductUnavailable',
+        service: 'externalServiceUnavailable',
+        timeout: 'externalTimeout',
+        'photo-required': 'externalPhotoRequired'
+    };
+    const code = 'generation' === view.error.kind ? view.error.code : void 0;
+    const externalKey = code ? externalErrors[code] : void 0;
+    const canRetry = !code || 'service' === code || 'timeout' === code;
+    const canChangePhoto = !code || 'photo-required' === code;
     return /*#__PURE__*/ jsxs(ScreenLayout, {
         title: t(isFileTooLarge ? 'errorFileTooLarge' : 'errorTitle'),
-        subtitle: isFileTooLarge ? void 0 : t('errorSubtitle'),
+        subtitle: isFileTooLarge ? void 0 : t(externalKey ?? 'errorSubtitle'),
         children: [
-            !isFileTooLarge && /*#__PURE__*/ jsxs(TryOnImagePanel, {
+            !isFileTooLarge && !code && /*#__PURE__*/ jsxs(TryOnImagePanel, {
                 className: "mt-3",
                 children: [
                     /*#__PURE__*/ jsx_runtime_jsx(BlurredPhotoBackdrop, {
@@ -19146,7 +19302,7 @@ function ErrorScreen({ view }) {
             /*#__PURE__*/ jsxs(ActionStack, {
                 className: "mt-4",
                 children: [
-                    /*#__PURE__*/ jsxs(button_Button, {
+                    canRetry && /*#__PURE__*/ jsxs(button_Button, {
                         className: "w-full",
                         size: "lg",
                         type: "button",
@@ -19159,7 +19315,7 @@ function ErrorScreen({ view }) {
                             t('errorRetry')
                         ]
                     }),
-                    /*#__PURE__*/ jsxs(button_Button, {
+                    canChangePhoto && /*#__PURE__*/ jsxs(button_Button, {
                         className: "w-full",
                         size: "lg",
                         type: "button",
@@ -19172,6 +19328,14 @@ function ErrorScreen({ view }) {
                             t('errorDifferentPhoto')
                         ]
                     }),
+                    code && onClose && /*#__PURE__*/ jsx_runtime_jsx(button_Button, {
+                        className: "w-full",
+                        size: "lg",
+                        type: "button",
+                        variant: "outline",
+                        onClick: onClose,
+                        children: t('close')
+                    }),
                     /*#__PURE__*/ jsx_runtime_jsx(TermsCopy, {
                         className: "text-text-sub"
                     })
@@ -19180,8 +19344,9 @@ function ErrorScreen({ view }) {
         ]
     });
 }
-function ResultScreen({ view }) {
+function ResultScreen({ view, showAddToCart = true, onAddToCart, addToCartPending = false, addToCartError }) {
     const { t } = useTranslation();
+    const addToCart = onAddToCart ?? view.addToCart;
     const normalizedProductPrice = try_on_screens_normalizeProductPrice(view.productPrice);
     const addToCartLabel = normalizedProductPrice ? t('resultTryAnotherWithPrice', {
         price: normalizedProductPrice
@@ -19192,7 +19357,8 @@ function ResultScreen({ view }) {
             className: "flex flex-col gap-4 px-6 pb-2 pt-4 sm:px-8",
             children: view.resultHistory.map((historyItem, index)=>/*#__PURE__*/ jsx_runtime_jsx(ResultFitCard, {
                     compact: index > 0,
-                    onAddToCart: view.addToCart,
+                    onAddToCart: showAddToCart ? addToCart : void 0,
+                    addToCartPending: addToCartPending,
                     productName: historyItem.productName ?? view.productName,
                     productPrice: historyItem.productPrice,
                     productUrl: historyItem.productUrl ?? view.productUrl,
@@ -19220,12 +19386,13 @@ function ResultScreen({ view }) {
             /*#__PURE__*/ jsxs(ActionStack, {
                 className: "mt-4",
                 children: [
-                    /*#__PURE__*/ jsxs(button_Button, {
+                    showAddToCart && /*#__PURE__*/ jsxs(button_Button, {
                         className: "w-full",
+                        disabled: addToCartPending,
                         size: "lg",
                         type: "button",
                         variant: "contrast",
-                        onClick: view.addToCart,
+                        onClick: addToCart,
                         children: [
                             /*#__PURE__*/ jsx_runtime_jsx(Cart, {
                                 "data-icon": "inline-start"
@@ -19233,6 +19400,11 @@ function ResultScreen({ view }) {
                             addToCartLabel
                         ]
                     }),
+                    addToCartError && /*#__PURE__*/ jsx_runtime_jsx("p", {
+                        className: "text-center text-xs text-text-sub",
+                        role: "alert",
+                        children: addToCartError
+                    }),
                     /*#__PURE__*/ jsxs("div", {
                         className: "grid grid-cols-3 gap-2",
                         children: [
@@ -19276,7 +19448,7 @@ function ResultScreen({ view }) {
         ]
     });
 }
-function ResultFitCard({ compact = false, onAddToCart, onDeleteResult, onOpenComparison, onSaveResult, onShareResult, productName, productPrice, productUrl, result }) {
+function ResultFitCard({ compact = false, onAddToCart, addToCartPending = false, onDeleteResult, onOpenComparison, onSaveResult, onShareResult, productName, productPrice, productUrl, result }) {
     const { t } = useTranslation();
     const productLabel = productName ?? t('resultProductLink');
     const normalizedProductPrice = try_on_screens_normalizeProductPrice(productPrice);
@@ -19296,8 +19468,9 @@ function ResultFitCard({ compact = false, onAddToCart, onDeleteResult, onOpenCom
             /*#__PURE__*/ jsxs("div", {
                 className: "flex gap-2",
                 children: [
-                    /*#__PURE__*/ jsxs(button_Button, {
+                    onAddToCart && /*#__PURE__*/ jsxs(button_Button, {
                         className: "min-w-0 flex-1",
+                        disabled: addToCartPending,
                         size: "default",
                         type: "button",
                         variant: "contrast",
@@ -19419,6 +19592,55 @@ function try_on_screens_normalizeProductPrice(value) {
     const normalized = value?.trim();
     return normalized || void 0;
 }
+const IMAGE_SNIFF_BYTES = 16;
+const IMAGE_BRANDS = new Set([
+    'avif',
+    'avis',
+    'heic',
+    'heix',
+    'heim',
+    'heis',
+    'hevc',
+    'hevx',
+    'mif1',
+    'msf1'
+]);
+async function readGeneratedImage(response) {
+    const blob = toBlob(response);
+    if (!blob || blob.size <= 0) return {
+        blob: null,
+        errorText: null
+    };
+    const header = new Uint8Array(await blob.slice(0, IMAGE_SNIFF_BYTES).arrayBuffer());
+    if (!isImageHeader(header)) return {
+        blob: null,
+        errorText: (await blob.text().catch(()=>'')).slice(0, 2000)
+    };
+    return {
+        blob,
+        errorText: null
+    };
+}
+function toBlob(response) {
+    if (response instanceof Blob) return response;
+    if (response instanceof ArrayBuffer) return new Blob([
+        response
+    ]);
+    if (ArrayBuffer.isView(response)) return new Blob([
+        new Uint8Array(response.buffer, response.byteOffset, response.byteLength)
+    ]);
+    return null;
+}
+function isImageHeader(header) {
+    const startsWith = (...bytes)=>bytes.every((byte, index)=>header[index] === byte);
+    const at = (offset, ...bytes)=>bytes.every((byte, index)=>header[offset + index] === byte);
+    return startsWith(0xFF, 0xD8, 0xFF) || startsWith(0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A) || startsWith(0x47, 0x49, 0x46, 0x38) || startsWith(0x42, 0x4D) || startsWith(0x52, 0x49, 0x46, 0x46) && at(8, 0x57, 0x45, 0x42, 0x50) || at(4, 0x66, 0x74, 0x79, 0x70) && IMAGE_BRANDS.has(brand(header));
+}
+function brand(header) {
+    let value = '';
+    for(let index = 8; index < 12; index++)value += String.fromCharCode(header[index] ?? 0);
+    return value;
+}
 const REQUIRED_UPLOAD_COUNT = 2;
 function createNanoBananaAiTryOnProcessor({ createObjectUrl = defaultCreateObjectUrl, fetch: fetchImpl, productImageSrc, productType, tryOnClient, apiKey }) {
     assertProductType(productType);
@@ -19437,8 +19659,12 @@ function createNanoBananaAiTryOnProcessor({ createObjectUrl = defaultCreateObjec
         const [personUpload, productUpload] = resolveUploads(await client.requestUploadUrls(REQUIRED_UPLOAD_COUNT), REQUIRED_UPLOAD_COUNT);
         context?.reportProgress(44);
         await Promise.all([
-            uploadImageToPresignedUrl(personUpload.uploadUrl, personImageBlob, fetchImpl),
-            uploadImageToPresignedUrl(productUpload.uploadUrl, productImageBlob, fetchImpl)
+            uploadImageToPresignedUrl(personUpload.uploadUrl, personImageBlob, {
+                fetch: fetchImpl
+            }),
+            uploadImageToPresignedUrl(productUpload.uploadUrl, productImageBlob, {
+                fetch: fetchImpl
+            })
         ]);
         context?.reportProgress(62);
         const stopGenerationProgress = startGenerationProgress(context?.reportProgress);
@@ -19457,8 +19683,8 @@ function createNanoBananaAiTryOnProcessor({ createObjectUrl = defaultCreateObjec
             stopGenerationProgress();
         }
         context?.reportProgress(96);
-        const generatedImageBlob = await resolveGeneratedImageBlob(response);
-        if (generatedImageBlob.size <= 0) throw new Error('AI try-on generation returned an empty image');
+        const { blob: generatedImageBlob } = await readGeneratedImage(response);
+        if (!generatedImageBlob) throw new Error('AI try-on generation did not return an image');
         context?.reportProgress(98);
         const generatedImageSrc = createObjectUrl(generatedImageBlob);
         if (!generatedImageSrc) throw new Error('AI try-on result image URL cannot be created');
@@ -19500,14 +19726,28 @@ function resolveFetch(fetchImpl) {
     if ('function' == typeof fetch) return fetch;
     throw new Error('Fetch API is not available for AI try-on image upload');
 }
-async function uploadImageToPresignedUrl(uploadUrl, imageBlob, fetchImpl) {
-    const response = await resolveFetch(fetchImpl)(uploadUrl, {
-        body: imageBlob,
-        method: 'PUT'
+async function uploadImageToPresignedUrl(uploadUrl, imageBlob, options = {}) {
+    const { fetch: fetchImpl, signal, timeoutMs } = options;
+    const controller = new AbortController();
+    const abort = ()=>controller.abort(signal?.reason);
+    const timer = void 0 === timeoutMs ? void 0 : setTimeout(()=>controller.abort(new DOMException('AI try-on image upload timed out', 'TimeoutError')), timeoutMs);
+    if (signal?.aborted) abort();
+    else signal?.addEventListener('abort', abort, {
+        once: true
     });
-    if (!response.ok) {
-        const details = await response.text().catch(()=>'');
-        throw new Error(`Nano Banana image upload failed with status ${response.status}${details ? `: ${details}` : ''}`);
+    try {
+        const response = await resolveFetch(fetchImpl)(uploadUrl, {
+            body: imageBlob,
+            method: 'PUT',
+            signal: controller.signal
+        });
+        if (!response.ok) {
+            const details = await response.text().catch(()=>'');
+            throw new Error(`Nano Banana image upload failed with status ${response.status}${details ? `: ${details}` : ''}`);
+        }
+    } finally{
+        clearTimeout(timer);
+        signal?.removeEventListener('abort', abort);
     }
 }
 async function resolveProductImageBlob(productImageSrc, fetchImpl) {
@@ -19529,24 +19769,6 @@ async function resolveBlobFromUrl(src, fetchImpl, message) {
     }
     return response.blob();
 }
-async function resolveGeneratedImageBlob(response) {
-    if (response instanceof Blob) return response.type ? response : new Blob([
-        response
-    ], {
-        type: 'image/jpeg'
-    });
-    if (response instanceof ArrayBuffer) return new Blob([
-        response
-    ], {
-        type: 'image/jpeg'
-    });
-    if ('string' == typeof response) return new Blob([
-        response
-    ], {
-        type: 'image/jpeg'
-    });
-    throw new Error('AI try-on generation did not return an image');
-}
 function startGenerationProgress(reportProgress) {
     if (!reportProgress) return ()=>{};
     reportProgress(70);
@@ -19955,7 +20177,7 @@ class AiTryOnSession {
         };
     }
     choosePhoto() {
-        if (this.tipStore.consumeFirstView(this.state.productType)) {
+        if (this.state.productType && this.tipStore.consumeFirstView(this.state.productType)) {
             this.state = {
                 ...this.state,
                 stage: 'intro'
@@ -19967,14 +20189,14 @@ class AiTryOnSession {
         };
     }
     continueIntro() {
-        this.tipStore.markSeen(this.state.productType);
+        if (this.state.productType) this.tipStore.markSeen(this.state.productType);
         return {
             type: 'request-file-input'
         };
     }
     requestClose() {
         if ('intro' === this.state.stage) {
-            this.tipStore.markSeen(this.state.productType);
+            if (this.state.productType) this.tipStore.markSeen(this.state.productType);
             this.goBack();
             return null;
         }
@@ -20118,12 +20340,15 @@ class AiTryOnSession {
         };
         return historyItem;
     }
-    failGeneration(message) {
+    failGeneration(message, code) {
         this.state = {
             ...this.state,
             error: {
                 kind: 'generation',
-                message
+                message,
+                ...code ? {
+                    code
+                } : {}
             },
             generationProduct: null,
             stage: 'error'
@@ -20294,6 +20519,13 @@ function clampProgress(progress) {
 function createPhotoId(file) {
     return `${file.name}-${file.size}-${file.lastModified}`;
 }
+class AiTryOnGenerationError extends Error {
+    code;
+    constructor(code){
+        super(code), this.code = code;
+        this.name = 'AiTryOnGenerationError';
+    }
+}
 function createAiTryOnInteractiveView(session, { addToCart, choosePhoto, deleteResult, generate, runSessionCommand, saveResult, shareResult, sync }) {
     const currentView = session.view;
     switch(currentView.stage){
@@ -20430,6 +20662,13 @@ function collectPhotoObjectUrl(photo) {
 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 mounted = (0, __rspack_external_react.useRef)(true);
+    (0, __rspack_external_react.useEffect)(()=>{
+        mounted.current = true;
+        return ()=>{
+            mounted.current = false;
+        };
+    }, []);
     const createTrackedObjectUrl = (0, __rspack_external_react.useCallback)((blob)=>{
         const src = objectUrls.createObjectUrl(blob);
         if (src) trackedObjectUrls.current.add(src);
@@ -20455,12 +20694,16 @@ function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, object
         productType,
         productUrl
     });
-    const processSelectedPhoto = (0, __rspack_external_react.useMemo)(()=>processPhoto ?? createNanoBananaAiTryOnProcessor({
+    const processSelectedPhoto = (0, __rspack_external_react.useMemo)(()=>{
+        if (processPhoto) return processPhoto;
+        assertProductType(productType);
+        return createNanoBananaAiTryOnProcessor({
             createObjectUrl: createTrackedObjectUrl,
             productImageSrc,
             productType,
             tryOnClient
-        }), [
+        });
+    }, [
         createTrackedObjectUrl,
         processPhoto,
         productImageSrc,
@@ -20521,21 +20764,29 @@ function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, object
         try {
             const result = await processSelectedPhoto(photo, {
                 reportProgress: (progress)=>{
+                    if (!mounted.current) return;
                     session.reportGenerationProgress(progress);
                     sync();
                 }
             });
             await waitForRemainingProcessingDuration(processingStartedAt);
+            if (!mounted.current) {
+                persistHistoryItem(session.completeGeneration(result));
+                if (result.after.src.startsWith('blob:')) objectUrls.revokeObjectUrl(result.after.src);
+                return;
+            }
             const historyItem = session.completeGeneration(result);
             trackResultObjectUrls(historyItem, trackedObjectUrls.current);
             persistHistoryItem(historyItem);
             sync();
         } catch (error) {
             await waitForRemainingProcessingDuration(processingStartedAt);
-            session.failGeneration(error instanceof Error ? error.message : void 0);
+            if (!mounted.current) return;
+            session.failGeneration(error instanceof Error ? error.message : void 0, error instanceof AiTryOnGenerationError ? error.code : void 0);
             sync();
         }
     }, [
+        objectUrls,
         persistHistoryItem,
         processSelectedPhoto,
         session,
@@ -20643,8 +20894,11 @@ function useAiTryOnSession({ historyStore = indexedDbAiTryOnHistoryStore, object
 function waitForRemainingProcessingDuration(startedAt) {
     return waitForProcessingDuration(getRemainingProcessingDuration(startedAt));
 }
-function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient: providedTryOnClient, apiKey, showDialogCloseButton = false }) {
-    assertProductType(productType);
+const READY_ACTIVATION = {
+    status: 'ready'
+};
+function AiTryOnRoot({ dialogPortalContainer, language, onClose, onAddToCart, processPhoto, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient: providedTryOnClient, apiKey, showDialogCloseButton = false, showAddToCart = true, activation = READY_ACTIVATION, onRetryActivation }) {
+    if (!processPhoto) assertProductType(productType);
     const { i18n, t } = useTranslation();
     const fileInputRef = (0, __rspack_external_react.useRef)(null);
     const normalizedApiKey = normalizeApiKey(apiKey);
@@ -20672,7 +20926,22 @@ function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, p
         tryOnClient
     });
     const stage = session.view.stage;
+    const closeDialog = onClose ?? session.requestClose;
     const isMyFitsActive = 'result' === session.view.stage && session.view.myFitsOpen;
+    const [cartPending, setCartPending] = (0, __rspack_external_react.useState)(false);
+    const [cartError, setCartError] = (0, __rspack_external_react.useState)(void 0);
+    const addToCart = (0, __rspack_external_react.useCallback)(()=>{
+        if ('result' !== session.view.stage) return;
+        session.view.addToCart();
+        if (!onAddToCart) return;
+        setCartPending(true);
+        setCartError(void 0);
+        Promise.resolve(onAddToCart()).catch((error)=>setCartError(error instanceof Error && error.message ? error.message : t('externalServiceUnavailable'))).finally(()=>setCartPending(false));
+    }, [
+        onAddToCart,
+        session.view,
+        t
+    ]);
     function handleFileChange(event) {
         const file = event.currentTarget.files?.[0];
         if (file) session.selectFile(file);
@@ -20697,18 +20966,18 @@ function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, p
         ]
     }) : null;
     return /*#__PURE__*/ jsxs(TryOnShell, {
-        className: isMyFitsActive ? 'h-svh max-h-svh sm:h-230 sm:max-h-[calc(100svh-var(--spacing)*8)]' : void 0,
+        className: isMyFitsActive ? 'h-dvh max-h-dvh sm:h-230 sm:max-h-[calc(100svh-var(--spacing)*8)]' : void 0,
         "data-ai-try-on-stage": stage,
         children: [
             /*#__PURE__*/ jsx_runtime_jsx(TryOnHeader, {
-                badge: 'history' === stage ? null : t(getBadgeKey(stage)),
+                badge: 'history' === stage || 'ready' !== activation.status ? null : t(getBadgeKey(stage)),
                 badgeTone: getBadgeTone(stage),
                 closeLabel: t('close'),
-                leftSlot: leftSlot,
-                middleSlot: middleSlot,
+                leftSlot: 'ready' === activation.status ? leftSlot : null,
+                middleSlot: 'ready' === activation.status ? middleSlot : null,
                 preferMiddleSlotFirst: 'result' === stage,
                 showCloseButton: showDialogCloseButton,
-                onClose: session.requestClose
+                onClose: 'ready' === activation.status ? session.requestClose : closeDialog
             }),
             /*#__PURE__*/ jsx_runtime_jsx("input", {
                 ref: fileInputRef,
@@ -20719,36 +20988,56 @@ function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, p
             }),
             /*#__PURE__*/ jsxs(TryOnScreenTransition, {
                 children: [
-                    'start' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(StartScreen, {
-                        view: session.view
-                    }) : null,
-                    'intro' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(IntroScreen, {
-                        view: session.view
-                    }) : null,
-                    'history' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(HistoryScreen, {
-                        view: session.view
-                    }) : null,
-                    'confirm' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ConfirmScreen, {
-                        view: session.view
+                    'loading' === activation.status ? /*#__PURE__*/ jsx_runtime_jsx(ActivationLoadingScreen, {}) : null,
+                    'unavailable' === activation.status ? /*#__PURE__*/ jsx_runtime_jsx(ActivationUnavailableScreen, {
+                        temporary: activation.temporary,
+                        onClose: closeDialog
                     }) : null,
-                    'processing' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ProcessingScreen, {
-                        view: session.view
+                    'error' === activation.status ? /*#__PURE__*/ jsx_runtime_jsx(ActivationErrorScreen, {
+                        onClose: closeDialog,
+                        onRetry: onRetryActivation
                     }) : null,
-                    'error' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ErrorScreen, {
-                        view: session.view
-                    }) : null,
-                    'result' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ResultScreen, {
-                        view: session.view
-                    }) : null
+                    'ready' !== activation.status ? null : /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            'start' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(StartScreen, {
+                                view: session.view
+                            }) : null,
+                            'intro' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(IntroScreen, {
+                                view: session.view
+                            }) : null,
+                            'history' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(HistoryScreen, {
+                                view: session.view
+                            }) : null,
+                            'confirm' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ConfirmScreen, {
+                                view: session.view
+                            }) : null,
+                            'processing' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ProcessingScreen, {
+                                view: session.view
+                            }) : null,
+                            'error' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ErrorScreen, {
+                                view: session.view,
+                                onClose: session.requestClose
+                            }) : null,
+                            'result' === session.view.stage ? /*#__PURE__*/ jsx_runtime_jsx(ResultScreen, {
+                                view: session.view,
+                                showAddToCart: showAddToCart,
+                                onAddToCart: onAddToCart ? addToCart : void 0,
+                                addToCartPending: cartPending,
+                                addToCartError: cartError
+                            }) : null
+                        ]
+                    })
                 ]
-            }, stage),
+            }, 'ready' === activation.status ? stage : `activation-${activation.status}`),
             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,
-                onAddToCart: session.comparison.addToCart,
+                addToCartPending: cartPending,
+                addToCartError: cartError,
+                onAddToCart: showAddToCart ? onAddToCart ? addToCart : session.comparison.addToCart : void 0,
                 onClose: session.comparison.close,
                 onDeleteResult: session.comparison.deleteResult,
                 onSaveResult: session.comparison.saveResult,
@@ -20788,8 +21077,246 @@ function getBadgeTone(stage) {
 configureNodeApiClient({
     baseURL: "https://api.neurodyn.ai/"
 });
-function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, productImageSrc, productName, productPrice, productType, productUrl, apiKey, ...props }) {
-    assertProductType(productType);
+const SHOPIFY_REQUEST_TIMEOUT_MS = 30000;
+const SHOPIFY_UPLOAD_TIMEOUT_MS = 300000;
+const SHOPPER_UPLOAD_COUNT = 1;
+const MAX_ERROR_BODY = 2000;
+class ShopifyTryOnClient {
+    createObjectUrl;
+    operations;
+    signal;
+    session = null;
+    constructor({ createObjectUrl = shopify_try_on_client_defaultCreateObjectUrl, operations, signal }){
+        this.createObjectUrl = createObjectUrl;
+        this.operations = operations;
+        this.signal = signal;
+    }
+    async activate(target) {
+        const response = await this.run(()=>this.operations.activate(target, this.baseConfig()));
+        const { activation, session } = normalizeShopifyActivation(response);
+        if (session) this.session = createWidgetSessionClient(session, {
+            apiConfig: this.baseConfig(),
+            issueWidgetToken: this.operations.issueWidgetToken
+        });
+        return activation;
+    }
+    createProcessPhoto(target) {
+        return async (photo, context)=>{
+            context?.reportProgress(4);
+            const source = await resolveAiTryOnSourceBlob(photo);
+            if (!source || source.size <= 0) throw new AiTryOnGenerationError('photo-required');
+            context?.reportProgress(18);
+            const [upload] = resolveUploads(await this.run(async ()=>this.operations.requestUploadUrls(SHOPPER_UPLOAD_COUNT, await this.requestConfig())), SHOPPER_UPLOAD_COUNT);
+            context?.reportProgress(38);
+            const uploadOptions = {
+                signal: this.signal,
+                timeoutMs: SHOPIFY_UPLOAD_TIMEOUT_MS
+            };
+            await this.run(()=>this.operations.uploadPhoto ? this.operations.uploadPhoto(upload.uploadUrl, source, uploadOptions) : uploadImageToPresignedUrl(upload.uploadUrl, source, uploadOptions));
+            context?.reportProgress(58);
+            const stopGenerationProgress = startGenerationProgress(context?.reportProgress);
+            let response;
+            try {
+                response = await this.run(async ()=>this.operations.generate({
+                        ...target,
+                        personImageKey: upload.key
+                    }, await this.requestConfig({
+                        responseType: 'blob',
+                        timeout: 90000
+                    })));
+            } finally{
+                stopGenerationProgress();
+            }
+            const { blob, errorText } = await readGeneratedImage(response);
+            if (!blob) throw toGenerationError(errorText);
+            context?.reportProgress(98);
+            const src = this.createObjectUrl(blob);
+            if (!src) throw new AiTryOnGenerationError('service');
+            return {
+                before: photo,
+                after: {
+                    blob,
+                    id: `${photo.id}-shopify-result`,
+                    name: photo.name ? `${photo.name} result` : 'AI try-on result',
+                    size: blob.size,
+                    src,
+                    type: blob.type || 'image/jpeg'
+                }
+            };
+        };
+    }
+    async run(operation) {
+        try {
+            return await operation();
+        } catch (error) {
+            if (error instanceof AiTryOnGenerationError || isCanceled(error, this.signal)) throw error;
+            throw isTimeout(error) ? new AiTryOnGenerationError('timeout') : toGenerationError(await readRejectionBody(error));
+        }
+    }
+    sendWidgetEvent(event) {
+        const send = this.operations.sendWidgetEvent;
+        if (!send) return;
+        this.requestConfig().then((config)=>send({
+                event,
+                timestamp: new Date().toISOString()
+            }, config)).catch(()=>{});
+    }
+    async requestUploadUrls() {
+        throw new Error('Shopify generation handles its own uploads');
+    }
+    async generateTryOn() {
+        throw new Error('Shopify generation runs through its own processor');
+    }
+    baseConfig() {
+        return {
+            signal: this.signal,
+            timeout: SHOPIFY_REQUEST_TIMEOUT_MS
+        };
+    }
+    async requestConfig(config = {}) {
+        const merged = {
+            ...this.baseConfig(),
+            ...config
+        };
+        return this.session ? this.session.getApiConfigForRequest(merged) : merged;
+    }
+}
+function createShopifyTryOnClient(options) {
+    return new ShopifyTryOnClient(options);
+}
+function normalizeShopifyActivation(response) {
+    const body = shopify_try_on_client_isRecord(response) ? response : {};
+    const zoneType = 'string' == typeof body.zoneType ? body.zoneType : void 0;
+    const photoUrl = shopify_try_on_client_normalizeString(body.photoUrl) || void 0;
+    const session = normalizeWidgetSession(body.widgetSession);
+    const hasSource = void 0 !== photoUrl;
+    const available = true === body.available && null !== session && hasSource;
+    const reason = available ? void 0 : readReason(body.unavailableReason) ?? (true !== body.available || hasSource ? void 0 : 'no_product_photo');
+    return {
+        activation: {
+            available,
+            photoUrl,
+            reason,
+            zoneType: isProductType(zoneType) ? zoneType : void 0
+        },
+        session: available ? session : null
+    };
+}
+const UNAVAILABLE_REASONS = new Set([
+    'not_enabled',
+    'zone_not_configured',
+    'no_product_photo',
+    'tokens_exhausted'
+]);
+function readReason(value) {
+    return 'string' == typeof value && UNAVAILABLE_REASONS.has(value) ? value : void 0;
+}
+function toGenerationError(errorText) {
+    if (!errorText) return new AiTryOnGenerationError('service');
+    try {
+        const body = JSON.parse(errorText);
+        const code = shopify_try_on_client_isRecord(body) ? body.code : void 0;
+        if ('tokens' === code || 'product' === code || 'timeout' === code || 'service' === code) return new AiTryOnGenerationError(code);
+    } catch  {}
+    return new AiTryOnGenerationError('service');
+}
+function normalizeWidgetSession(value) {
+    if (!shopify_try_on_client_isRecord(value)) return null;
+    const token = shopify_try_on_client_normalizeString(value.token);
+    const sid = shopify_try_on_client_normalizeString(value.sid);
+    const expiresIn = 'number' == typeof value.expiresIn ? value.expiresIn : NaN;
+    return token && sid && Number.isFinite(expiresIn) && expiresIn > 0 ? {
+        expiresIn,
+        sid,
+        token
+    } : null;
+}
+function isCanceled(error, signal) {
+    return signal?.aborted === true || 'AbortError' === errorName(error) || 'ERR_CANCELED' === shopify_try_on_client_errorCode(error);
+}
+function isTimeout(error) {
+    return 'TimeoutError' === errorName(error) || 'ECONNABORTED' === shopify_try_on_client_errorCode(error) || 'ETIMEDOUT' === shopify_try_on_client_errorCode(error);
+}
+function errorName(error) {
+    return shopify_try_on_client_isRecord(error) && 'string' == typeof error.name ? error.name : '';
+}
+function shopify_try_on_client_errorCode(error) {
+    return shopify_try_on_client_isRecord(error) && 'string' == typeof error.code ? error.code : '';
+}
+async function readRejectionBody(error) {
+    const response = shopify_try_on_client_isRecord(error) ? error.response : void 0;
+    const data = shopify_try_on_client_isRecord(response) ? response.data : void 0;
+    if (data instanceof Blob) return (await data.text().catch(()=>'')).slice(0, MAX_ERROR_BODY) || null;
+    if ('string' == typeof data) return data.slice(0, MAX_ERROR_BODY) || null;
+    if (shopify_try_on_client_isRecord(data)) return JSON.stringify(data).slice(0, MAX_ERROR_BODY);
+    return null;
+}
+function shopify_try_on_client_isRecord(value) {
+    return null !== value && 'object' == typeof value;
+}
+function shopify_try_on_client_normalizeString(value) {
+    return 'string' == typeof value ? value.trim() : '';
+}
+function shopify_try_on_client_defaultCreateObjectUrl(blob) {
+    return 'function' == typeof URL.createObjectURL ? URL.createObjectURL(blob) : '';
+}
+const SHOPIFY_PRODUCT_TYPE = 'ai-try-on-shopify';
+function createProxyRequest(baseURL) {
+    const instance = axios.create({
+        baseURL,
+        timeout: SHOPIFY_REQUEST_TIMEOUT_MS
+    });
+    return async function(config) {
+        const response = await instance.request(config);
+        return {
+            data: response.data,
+            headers: response.headers,
+            status: response.status,
+            statusText: response.statusText
+        };
+    };
+}
+function createAppProxyOperations(basePath) {
+    const mount = basePath.trim().replace(/\/+$/, '');
+    if (!mount) return;
+    const client = createProxyRequest(mount);
+    return {
+        activate: ({ productId, variantId }, config)=>tryOnControllerActivateTryOn({
+                product_id: productId,
+                variant_id: variantId,
+                productType: SHOPIFY_PRODUCT_TYPE
+            }, {
+                ...config,
+                client
+            }),
+        generate: (data, config)=>tryOnControllerGenerateShopifyTryOn(data, {
+                ...config,
+                client
+            }),
+        issueWidgetToken: (data, config)=>publicApiControllerIssueWidgetToken(data, {
+                ...config,
+                client
+            }),
+        requestUploadUrls: (count, config)=>tryOnControllerCreateUploadUrls({
+                count
+            }, {
+                ...config,
+                client
+            }),
+        sendWidgetEvent: (data, config)=>widgetEventsControllerCreateWidgetEvent(data, {
+                ...config,
+                client
+            })
+    };
+}
+const LOADING_ACTIVATION = {
+    status: 'loading'
+};
+const src_READY_ACTIVATION = {
+    status: 'ready'
+};
+function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, productImageSrc, productName, productPrice, productType, productUrl, apiKey, externalGeneration, externalActivation, externalAddToCart, externalClient, ...props }) {
+    if (!externalGeneration) assertProductType(productType);
     const i18n = (0, __rspack_external_react.useMemo)(()=>createAiTryOnI18n(language), [
         language
     ]);
@@ -20799,20 +21326,58 @@ function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, prod
     const isControlled = void 0 !== open;
     const currentOpen = isControlled ? open : internalOpen;
     const normalizedApiKey = normalizeApiKey(apiKey);
-    const tryOnClient = (0, __rspack_external_react.useMemo)(()=>createTryOnClient({
+    const tryOnClient = (0, __rspack_external_react.useMemo)(()=>externalGeneration ? externalClient ?? externalTryOnClient : createTryOnClient({
             apiKey: normalizedApiKey
         }), [
-        normalizedApiKey
+        normalizedApiKey,
+        externalGeneration,
+        externalClient
+    ]);
+    const [externalActivationState, setExternalActivationState] = (0, __rspack_external_react.useState)(LOADING_ACTIVATION);
+    const [activationAttempt, setActivationAttempt] = (0, __rspack_external_react.useState)(0);
+    const activation = externalActivation ? externalActivationState : src_READY_ACTIVATION;
+    const activationRef = (0, __rspack_external_react.useRef)(externalActivation);
+    const hasActivation = Boolean(externalActivation);
+    (0, __rspack_external_react.useEffect)(()=>{
+        activationRef.current = externalActivation;
+    });
+    (0, __rspack_external_react.useEffect)(()=>{
+        const activate = activationRef.current;
+        if (!activate) return;
+        setExternalActivationState(LOADING_ACTIVATION);
+        if (!currentOpen) return;
+        let cancelled = false;
+        activate().then((result)=>{
+            if (!cancelled) setExternalActivationState(result.enabled ? {
+                ...result,
+                status: 'ready'
+            } : {
+                status: 'unavailable',
+                temporary: result.temporarilyUnavailable
+            });
+        }).catch(()=>{
+            if (!cancelled) setExternalActivationState({
+                status: 'error'
+            });
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        activationAttempt,
+        currentOpen,
+        hasActivation
     ]);
     (0, __rspack_external_react.useEffect)(()=>{
         if (!currentOpen) {
             hasTrackedOpen.current = false;
             return;
         }
-        if (hasTrackedOpen.current) return;
+        if ('ready' !== activation.status || hasTrackedOpen.current) return;
         hasTrackedOpen.current = true;
         tryOnClient.sendWidgetEvent('widget_opened');
     }, [
+        activation.status,
         currentOpen,
         tryOnClient
     ]);
@@ -20831,6 +21396,9 @@ function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, prod
                     zIndex: 2147483647
                 },
                 children: [
+                    /*#__PURE__*/ jsx_runtime_jsx("style", {
+                        children: SHADOW_HOST_VISIBILITY_CSS
+                    }),
                     /*#__PURE__*/ jsx_runtime_jsx("style", {
                         children: shadowRootCssText
                     }),
@@ -20853,6 +21421,10 @@ function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, prod
                                 productType: productType,
                                 productUrl: productUrl,
                                 tryOnClient: tryOnClient,
+                                externalGeneration: externalGeneration,
+                                externalAddToCart: externalAddToCart,
+                                activation: activation,
+                                onRetryActivation: ()=>setActivationAttempt((attempt)=>attempt + 1),
                                 onRequestClose: ()=>handleOpenChange(false),
                                 onOpenChange: handleOpenChange,
                                 ...props
@@ -20864,12 +21436,12 @@ function AiTryOnDialog({ defaultOpen = false, language, onOpenChange, open, prod
         ]
     });
 }
-function AiTryOnDialogContent({ language, onRequestClose, portalContainer, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient, ...props }) {
+function AiTryOnDialogContent({ language, onRequestClose, portalContainer, productImageSrc, productName, productPrice, productType, productUrl, tryOnClient, externalGeneration, externalAddToCart, activation, onRetryActivation, ...props }) {
     const { t } = useTranslation();
     return /*#__PURE__*/ jsx_runtime_jsx(Dialog, {
         ...props,
         children: /*#__PURE__*/ jsxs(DialogContent, {
-            className: "inset-x-0 bottom-0 top-auto block max-h-svh w-svw max-w-none translate-x-0 translate-y-0 gap-0 overflow-hidden rounded-t-3xl rounded-b-none p-0 sm:inset-x-auto sm:right-4 sm:bottom-4 sm:left-auto sm:max-h-230 sm:w-120 sm:max-w-120 sm:rounded-3xl sm:p-0",
+            className: "inset-x-0 bottom-0 top-auto block max-h-dvh w-svw max-w-none translate-x-0 translate-y-0 gap-0 overflow-hidden rounded-t-3xl rounded-b-none p-0 sm:inset-x-auto sm:right-4 sm:bottom-4 sm:left-auto sm:max-h-230 sm:w-120 sm:max-w-120 sm:rounded-3xl sm:p-0",
             contentInsideOverlay: true,
             portalContainer: portalContainer,
             showCloseButton: false,
@@ -20891,12 +21463,17 @@ function AiTryOnDialogContent({ language, onRequestClose, portalContainer, produ
                 /*#__PURE__*/ jsx_runtime_jsx(AiTryOnRoot, {
                     dialogPortalContainer: portalContainer,
                     language: language,
-                    productImageSrc: productImageSrc,
+                    productImageSrc: 'ready' === activation.status && activation.productImageSrc || productImageSrc,
                     productName: productName,
                     productPrice: productPrice,
-                    productType: productType,
+                    productType: 'ready' === activation.status ? activation.productType ?? productType : productType,
                     productUrl: productUrl,
                     tryOnClient: tryOnClient,
+                    processPhoto: externalGeneration,
+                    activation: activation,
+                    onRetryActivation: onRetryActivation,
+                    onAddToCart: externalAddToCart,
+                    showAddToCart: !externalGeneration || Boolean(externalAddToCart),
                     showDialogCloseButton: true,
                     onClose: onRequestClose
                 })
@@ -20904,4 +21481,4 @@ function AiTryOnDialogContent({ language, onRequestClose, portalContainer, produ
         })
     });
 }
-export { AiTryOnDialog, PRODUCT_TYPES, isProductType };
+export { AiTryOnDialog, AiTryOnGenerationError, PRODUCT_TYPES, SHOPIFY_REQUEST_TIMEOUT_MS, createAppProxyOperations, createShopifyTryOnClient, isProductType, uploadImageToPresignedUrl };