@retinalabsllc/zairusjs 5.1.60 → 5.1.65
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/index.js +18 -18
- package/dist/index.mjs +18 -18
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1523,7 +1523,7 @@ var PageSpinner = ({
|
|
|
1523
1523
|
{
|
|
1524
1524
|
icon: import_core_free_icons4.Loading03Icon,
|
|
1525
1525
|
size,
|
|
1526
|
-
className: `animate-spin mb-4 ${iconClassName}`
|
|
1526
|
+
className: `animate-spin text-white mb-4 ${iconClassName}`
|
|
1527
1527
|
}
|
|
1528
1528
|
))
|
|
1529
1529
|
);
|
|
@@ -2380,15 +2380,15 @@ var UniversalProfileSettings = ({
|
|
|
2380
2380
|
},
|
|
2381
2381
|
disabled: true
|
|
2382
2382
|
}
|
|
2383
|
-
), /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center justify-between mt-
|
|
2383
|
+
), /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-xs text-white block truncate" }, accountStatus)), /* @__PURE__ */ import_react39.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-xs text-white block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ import_react39.default.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ import_react39.default.createElement(
|
|
2384
2384
|
"button",
|
|
2385
2385
|
{
|
|
2386
2386
|
type: "button",
|
|
2387
2387
|
onClick: () => setIsPinModalOpen(true),
|
|
2388
|
-
className: "text-[11px]
|
|
2388
|
+
className: "text-[11px] px-4 py-2.5 border border-neutral-700 rounded-full text-white transition-colors outline-none"
|
|
2389
2389
|
},
|
|
2390
|
-
"PIN
|
|
2391
|
-
))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col
|
|
2390
|
+
"PIN Settings"
|
|
2391
|
+
))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ import_react39.default.createElement(
|
|
2392
2392
|
"button",
|
|
2393
2393
|
{
|
|
2394
2394
|
type: "button",
|
|
@@ -2408,40 +2408,40 @@ var UniversalProfileSettings = ({
|
|
|
2408
2408
|
className: "min-w-32 w-full sm:w-auto"
|
|
2409
2409
|
},
|
|
2410
2410
|
"Save Changes"
|
|
2411
|
-
))))), isPinModalOpen && /* @__PURE__ */ import_react39.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "absolute inset-0 bg-black/60", onClick: closePinModal }), /* @__PURE__ */ import_react39.default.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900
|
|
2412
|
-
|
|
2411
|
+
))))), isPinModalOpen && /* @__PURE__ */ import_react39.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "absolute inset-0 bg-black/60", onClick: closePinModal }), /* @__PURE__ */ import_react39.default.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900 rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react39.default.createElement("h3", { className: "text-[15px] text-white tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ import_react39.default.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-500 hover:text-white transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons10.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons10.Loading03Icon, size: 28, className: "animate-spin text-neutral-500 mb-4" })) : /* @__PURE__ */ import_react39.default.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ import_react39.default.createElement(
|
|
2412
|
+
TextInput,
|
|
2413
2413
|
{
|
|
2414
2414
|
type: "password",
|
|
2415
|
+
label: "Old PIN",
|
|
2415
2416
|
maxLength: 4,
|
|
2416
2417
|
disabled: isPinSubmitting,
|
|
2417
2418
|
value: oldPin,
|
|
2418
|
-
onChange: (
|
|
2419
|
-
className: "w-full px-4 py-2.5 bg-neutral-950 border border-neutral-800 rounded-xl text-white text-[13px] outline-none focus:border-neutral-600 transition-colors placeholder-neutral-700 tracking-[0.2em]",
|
|
2419
|
+
onChange: (val) => handlePinInput(val, setOldPin),
|
|
2420
2420
|
placeholder: "\u2022\u2022\u2022\u2022"
|
|
2421
2421
|
}
|
|
2422
|
-
)
|
|
2423
|
-
|
|
2422
|
+
), /* @__PURE__ */ import_react39.default.createElement(
|
|
2423
|
+
TextInput,
|
|
2424
2424
|
{
|
|
2425
2425
|
type: "password",
|
|
2426
|
+
label: hasPin ? "New PIN" : "Enter 4-Digit PIN",
|
|
2426
2427
|
maxLength: 4,
|
|
2427
2428
|
disabled: isPinSubmitting,
|
|
2428
2429
|
value: newPin,
|
|
2429
|
-
onChange: (
|
|
2430
|
-
className: "w-full px-4 py-2.5 bg-neutral-950 border border-neutral-800 rounded-xl text-white text-[13px] outline-none focus:border-neutral-600 transition-colors placeholder-neutral-700 tracking-[0.2em]",
|
|
2430
|
+
onChange: (val) => handlePinInput(val, setNewPin),
|
|
2431
2431
|
placeholder: "\u2022\u2022\u2022\u2022"
|
|
2432
2432
|
}
|
|
2433
|
-
)
|
|
2434
|
-
|
|
2433
|
+
), /* @__PURE__ */ import_react39.default.createElement(
|
|
2434
|
+
TextInput,
|
|
2435
2435
|
{
|
|
2436
2436
|
type: "password",
|
|
2437
|
+
label: "Retype New PIN",
|
|
2437
2438
|
maxLength: 4,
|
|
2438
2439
|
disabled: isPinSubmitting,
|
|
2439
2440
|
value: confirmPin,
|
|
2440
|
-
onChange: (
|
|
2441
|
-
className: "w-full px-4 py-2.5 bg-neutral-950 border border-neutral-800 rounded-xl text-white text-[13px] outline-none focus:border-neutral-600 transition-colors placeholder-neutral-700 tracking-[0.2em]",
|
|
2441
|
+
onChange: (val) => handlePinInput(val, setConfirmPin),
|
|
2442
2442
|
placeholder: "\u2022\u2022\u2022\u2022"
|
|
2443
2443
|
}
|
|
2444
|
-
)
|
|
2444
|
+
), /* @__PURE__ */ import_react39.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react39.default.createElement(
|
|
2445
2445
|
ThreeDActionButton,
|
|
2446
2446
|
{
|
|
2447
2447
|
type: "submit",
|
package/dist/index.mjs
CHANGED
|
@@ -1452,7 +1452,7 @@ var PageSpinner = ({
|
|
|
1452
1452
|
{
|
|
1453
1453
|
icon: Loading03Icon3,
|
|
1454
1454
|
size,
|
|
1455
|
-
className: `animate-spin mb-4 ${iconClassName}`
|
|
1455
|
+
className: `animate-spin text-white mb-4 ${iconClassName}`
|
|
1456
1456
|
}
|
|
1457
1457
|
))
|
|
1458
1458
|
);
|
|
@@ -2327,15 +2327,15 @@ var UniversalProfileSettings = ({
|
|
|
2327
2327
|
},
|
|
2328
2328
|
disabled: true
|
|
2329
2329
|
}
|
|
2330
|
-
), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center justify-between mt-
|
|
2330
|
+
), /* @__PURE__ */ React26.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React26.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React26.createElement("span", { className: "text-[11px] text-neutral-500 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ React26.createElement("span", { className: "text-xs text-white block truncate" }, accountStatus)), /* @__PURE__ */ React26.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React26.createElement("span", { className: "text-[11px] text-neutral-500 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ React26.createElement("span", { className: "text-xs text-white block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ React26.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ React26.createElement(
|
|
2331
2331
|
"button",
|
|
2332
2332
|
{
|
|
2333
2333
|
type: "button",
|
|
2334
2334
|
onClick: () => setIsPinModalOpen(true),
|
|
2335
|
-
className: "text-[11px]
|
|
2335
|
+
className: "text-[11px] px-4 py-2.5 border border-neutral-700 rounded-full text-white transition-colors outline-none"
|
|
2336
2336
|
},
|
|
2337
|
-
"PIN
|
|
2338
|
-
))), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col
|
|
2337
|
+
"PIN Settings"
|
|
2338
|
+
))), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React26.createElement(
|
|
2339
2339
|
"button",
|
|
2340
2340
|
{
|
|
2341
2341
|
type: "button",
|
|
@@ -2355,40 +2355,40 @@ var UniversalProfileSettings = ({
|
|
|
2355
2355
|
className: "min-w-32 w-full sm:w-auto"
|
|
2356
2356
|
},
|
|
2357
2357
|
"Save Changes"
|
|
2358
|
-
))))), isPinModalOpen && /* @__PURE__ */ React26.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React26.createElement("div", { className: "absolute inset-0 bg-black/60", onClick: closePinModal }), /* @__PURE__ */ React26.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900
|
|
2359
|
-
|
|
2358
|
+
))))), isPinModalOpen && /* @__PURE__ */ React26.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React26.createElement("div", { className: "absolute inset-0 bg-black/60", onClick: closePinModal }), /* @__PURE__ */ React26.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900 rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React26.createElement("h3", { className: "text-[15px] text-white tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ React26.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-500 hover:text-white transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React26.createElement(HugeiconsIcon14, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React26.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React26.createElement(HugeiconsIcon14, { icon: Loading03Icon5, size: 28, className: "animate-spin text-neutral-500 mb-4" })) : /* @__PURE__ */ React26.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ React26.createElement(
|
|
2359
|
+
TextInput,
|
|
2360
2360
|
{
|
|
2361
2361
|
type: "password",
|
|
2362
|
+
label: "Old PIN",
|
|
2362
2363
|
maxLength: 4,
|
|
2363
2364
|
disabled: isPinSubmitting,
|
|
2364
2365
|
value: oldPin,
|
|
2365
|
-
onChange: (
|
|
2366
|
-
className: "w-full px-4 py-2.5 bg-neutral-950 border border-neutral-800 rounded-xl text-white text-[13px] outline-none focus:border-neutral-600 transition-colors placeholder-neutral-700 tracking-[0.2em]",
|
|
2366
|
+
onChange: (val) => handlePinInput(val, setOldPin),
|
|
2367
2367
|
placeholder: "\u2022\u2022\u2022\u2022"
|
|
2368
2368
|
}
|
|
2369
|
-
)
|
|
2370
|
-
|
|
2369
|
+
), /* @__PURE__ */ React26.createElement(
|
|
2370
|
+
TextInput,
|
|
2371
2371
|
{
|
|
2372
2372
|
type: "password",
|
|
2373
|
+
label: hasPin ? "New PIN" : "Enter 4-Digit PIN",
|
|
2373
2374
|
maxLength: 4,
|
|
2374
2375
|
disabled: isPinSubmitting,
|
|
2375
2376
|
value: newPin,
|
|
2376
|
-
onChange: (
|
|
2377
|
-
className: "w-full px-4 py-2.5 bg-neutral-950 border border-neutral-800 rounded-xl text-white text-[13px] outline-none focus:border-neutral-600 transition-colors placeholder-neutral-700 tracking-[0.2em]",
|
|
2377
|
+
onChange: (val) => handlePinInput(val, setNewPin),
|
|
2378
2378
|
placeholder: "\u2022\u2022\u2022\u2022"
|
|
2379
2379
|
}
|
|
2380
|
-
)
|
|
2381
|
-
|
|
2380
|
+
), /* @__PURE__ */ React26.createElement(
|
|
2381
|
+
TextInput,
|
|
2382
2382
|
{
|
|
2383
2383
|
type: "password",
|
|
2384
|
+
label: "Retype New PIN",
|
|
2384
2385
|
maxLength: 4,
|
|
2385
2386
|
disabled: isPinSubmitting,
|
|
2386
2387
|
value: confirmPin,
|
|
2387
|
-
onChange: (
|
|
2388
|
-
className: "w-full px-4 py-2.5 bg-neutral-950 border border-neutral-800 rounded-xl text-white text-[13px] outline-none focus:border-neutral-600 transition-colors placeholder-neutral-700 tracking-[0.2em]",
|
|
2388
|
+
onChange: (val) => handlePinInput(val, setConfirmPin),
|
|
2389
2389
|
placeholder: "\u2022\u2022\u2022\u2022"
|
|
2390
2390
|
}
|
|
2391
|
-
)
|
|
2391
|
+
), /* @__PURE__ */ React26.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React26.createElement(
|
|
2392
2392
|
ThreeDActionButton,
|
|
2393
2393
|
{
|
|
2394
2394
|
type: "submit",
|