@primestyleai/tryon 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/index.js +13 -4
- package/package.json +1 -1
package/dist/react/index.js
CHANGED
|
@@ -486,7 +486,7 @@ function PrimeStyleTryon({
|
|
|
486
486
|
}
|
|
487
487
|
) }),
|
|
488
488
|
view === "processing" && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing", children: [
|
|
489
|
-
/* @__PURE__ */ jsxs("div", { className: "ps-tryon-countdown-ring", children: [
|
|
489
|
+
countdown > 0 ? /* @__PURE__ */ jsxs("div", { className: "ps-tryon-countdown-ring", children: [
|
|
490
490
|
/* @__PURE__ */ jsxs("svg", { viewBox: "0 0 120 120", children: [
|
|
491
491
|
/* @__PURE__ */ jsx(
|
|
492
492
|
"circle",
|
|
@@ -511,7 +511,7 @@ function PrimeStyleTryon({
|
|
|
511
511
|
)
|
|
512
512
|
] }),
|
|
513
513
|
/* @__PURE__ */ jsx("span", { className: "ps-tryon-countdown-number", children: countdown })
|
|
514
|
-
] }),
|
|
514
|
+
] }) : /* @__PURE__ */ jsx("div", { className: "ps-tryon-done-pulse", children: /* @__PURE__ */ jsx("div", { className: cx("ps-tryon-spinner", cn.spinner) }) }),
|
|
515
515
|
/* @__PURE__ */ jsx(
|
|
516
516
|
"p",
|
|
517
517
|
{
|
|
@@ -519,7 +519,7 @@ function PrimeStyleTryon({
|
|
|
519
519
|
"ps-tryon-processing-text",
|
|
520
520
|
cn.processingText
|
|
521
521
|
),
|
|
522
|
-
children: "Generating your try-on..."
|
|
522
|
+
children: countdown > 0 ? "Generating your try-on..." : "Almost there..."
|
|
523
523
|
}
|
|
524
524
|
),
|
|
525
525
|
/* @__PURE__ */ jsx(
|
|
@@ -529,7 +529,7 @@ function PrimeStyleTryon({
|
|
|
529
529
|
"ps-tryon-processing-sub",
|
|
530
530
|
cn.processingSubText
|
|
531
531
|
),
|
|
532
|
-
children: countdown > 0 ? "This usually takes 15-20 seconds" : "
|
|
532
|
+
children: countdown > 0 ? "This usually takes 15-20 seconds" : "Finishing up your look"
|
|
533
533
|
}
|
|
534
534
|
)
|
|
535
535
|
] }),
|
|
@@ -828,6 +828,15 @@ function PrimeStyleTryon({
|
|
|
828
828
|
font-variant-numeric: tabular-nums;
|
|
829
829
|
}
|
|
830
830
|
|
|
831
|
+
.ps-tryon-done-pulse {
|
|
832
|
+
animation: ps-fade-scale-in 0.4s ease both;
|
|
833
|
+
margin-bottom: 4px;
|
|
834
|
+
}
|
|
835
|
+
@keyframes ps-fade-scale-in {
|
|
836
|
+
from { opacity: 0; transform: scale(0.8); }
|
|
837
|
+
to { opacity: 1; transform: scale(1); }
|
|
838
|
+
}
|
|
839
|
+
|
|
831
840
|
.ps-tryon-processing-text { font-size: 14px; color: #fff; margin: 0 0 4px; }
|
|
832
841
|
.ps-tryon-processing-sub { font-size: 12px; color: #999; margin: 0; }
|
|
833
842
|
|