@akinon/pz-virtual-try-on 1.126.0 → 1.126.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @akinon/pz-virtual-try-on
 
+## 1.126.1
+
+### Patch Changes
+
+- 8d9e44ef: ZERO-4365: Remove brand `@theme/*` alias imports from library packages
+
+  `pz-virtual-try-on/src/components/barcode-scanner.tsx` was importing `LoaderSpinner` from `@theme/components`, which only resolves inside the brand's own `src/` scope (Next.js tsconfig paths -> webpack alias). Plugin source compiled via `transpilePackages` cannot see this alias, so any brand using the plugin (since 1.117.0) fails to build with `Module not found: Can't resolve '@theme/components'`. The `LoaderSpinner` was a redundant second spinner on top of an existing Tailwind `animate-spin` div — removed entirely. The `settings.customRenderers.renderLoadingSpinner` override path is unchanged.
+
+  `akinon-next/components/select.tsx` was using `import { SelectProps } from '@theme/components/types'` (value import). Changed to `import type` so the brand-side type dependency is erased at compile time and never reaches webpack module resolution.
+
+- Updated dependencies [8d9e44ef]
+  - @akinon/next@1.126.1
+
 ## 1.126.0
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-virtual-try-on",
-  "version": "1.126.0",
+  "version": "1.126.1",
   "license": "MIT",
   "main": "src/index.ts",
   "peerDependencies": {
@@ -8,7 +8,7 @@
     "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@akinon/next": "1.126.0",
+    "@akinon/next": "1.126.1",
     "clsx": "^2.0.0",
     "tailwind-merge": "^2.0.0",
     "react-image-crop": "^11.0.5",

package/src/components/barcode-scanner.tsx

@@ -9,8 +9,6 @@ import type {
   BarcodeFormat
 } from '../types/barcode';
 
-import { LoaderSpinner } from '@theme/components';
-
 const mapBarcodeFormat = (format: string): BarcodeFormat => {
   const formatMap: Record<string, BarcodeFormat> = {
     QR_CODE: 'QR_CODE',
@@ -299,15 +297,12 @@ export function BarcodeScanner({
                 {settings?.customRenderers?.renderLoadingSpinner ? (
                   settings.customRenderers.renderLoadingSpinner()
                 ) : (
-                  <>
-                    <div
-                      className={twMerge(
-                        'animate-spin w-8 h-8 border-2 border-white border-t-transparent rounded-full mx-auto mb-2',
-                        settings?.customStyles?.loadingSpinner
-                      )}
-                    />
-                    <LoaderSpinner />
-                  </>
+                  <div
+                    className={twMerge(
+                      'animate-spin w-8 h-8 border-2 border-white border-t-transparent rounded-full mx-auto mb-2',
+                      settings?.customStyles?.loadingSpinner
+                    )}
+                  />
                 )}
               </div>
             </div>