@fluid-app/portal-sdk 0.1.199 → 0.1.201
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/{ContactsScreen-DvohvoOE.cjs → ContactsScreen-BQ6pvYOa.cjs} +291 -281
- package/dist/ContactsScreen-BQ6pvYOa.cjs.map +1 -0
- package/dist/{ContactsScreen-Cheiwaxn.cjs → ContactsScreen-Bw2GcYtk.cjs} +2 -2
- package/dist/{ContactsScreen-BtBNMZzG.mjs → ContactsScreen-BzRFTCBS.mjs} +17 -7
- package/dist/ContactsScreen-BzRFTCBS.mjs.map +1 -0
- package/dist/{FluidProvider-D177ez3m.cjs → FluidProvider-BRkRo8Wl.cjs} +12 -992
- package/dist/FluidProvider-BRkRo8Wl.cjs.map +1 -0
- package/dist/{FluidProvider-DiJy4Zve.mjs → FluidProvider-BTZAiT69.mjs} +9 -820
- package/dist/FluidProvider-BTZAiT69.mjs.map +1 -0
- package/dist/{MessagingScreen-Cu3tcpPs.mjs → MessagingScreen-Bk3Eh1dN.mjs} +2 -2
- package/dist/{MessagingScreen-Cu3tcpPs.mjs.map → MessagingScreen-Bk3Eh1dN.mjs.map} +1 -1
- package/dist/{MessagingScreen-Ysi48svi.cjs → MessagingScreen-DN2eQRxF.cjs} +6 -6
- package/dist/{MessagingScreen-gKidMcrr.cjs → MessagingScreen-DtDbS3VZ.cjs} +2 -2
- package/dist/{MessagingScreen-gKidMcrr.cjs.map → MessagingScreen-DtDbS3VZ.cjs.map} +1 -1
- package/dist/{PortalContentApiProvider-CPnqELEX.cjs → PortalContentApiProvider-BDbrZCyI.cjs} +115 -89
- package/dist/PortalContentApiProvider-BDbrZCyI.cjs.map +1 -0
- package/dist/{PortalContentApiProvider-CWRAw9kL.mjs → PortalContentApiProvider-CzLqEN5C.mjs} +116 -90
- package/dist/PortalContentApiProvider-CzLqEN5C.mjs.map +1 -0
- package/dist/{ProductsScreen-CQ5-A8AL.cjs → ProductsScreen-68jB202M.cjs} +2 -2
- package/dist/{ProductsScreen-CQ5-A8AL.cjs.map → ProductsScreen-68jB202M.cjs.map} +1 -1
- package/dist/{ProductsScreen-CexZ0gx9.mjs → ProductsScreen-BeNUsjh1.mjs} +2 -2
- package/dist/{ProductsScreen-Al6H4ujs.mjs → ProductsScreen-BidL3ZF5.mjs} +2 -2
- package/dist/{ProductsScreen-Al6H4ujs.mjs.map → ProductsScreen-BidL3ZF5.mjs.map} +1 -1
- package/dist/{ProductsScreen-BnwMOZ4-.cjs → ProductsScreen-Bq0f4pQL.cjs} +2 -2
- package/dist/{ProfileScreen-CGS7YkcT.cjs → ProfileScreen-BMNq0NEB.cjs} +6 -6
- package/dist/{ProfileScreen-hE1S_99P.mjs → ProfileScreen-D-pTegtY.mjs} +3 -3
- package/dist/{ProfileScreen-hE1S_99P.mjs.map → ProfileScreen-D-pTegtY.mjs.map} +1 -1
- package/dist/{ProfileScreen-DJZoMzE6.cjs → ProfileScreen-D5OxmzhM.cjs} +101 -101
- package/dist/{ProfileScreen-DJZoMzE6.cjs.map → ProfileScreen-D5OxmzhM.cjs.map} +1 -1
- package/dist/{QuickShareWidget-0GD4KWAr.cjs → QuickShareWidget-C_p3tPs5.cjs} +2 -2
- package/dist/QuickShareWidget-C_p3tPs5.cjs.map +1 -0
- package/dist/{QuickShareWidget-DZzrQjOx.mjs → QuickShareWidget-xKcV3ZQ5.mjs} +2 -2
- package/dist/QuickShareWidget-xKcV3ZQ5.mjs.map +1 -0
- package/dist/{ShareablesScreen-CzTU7e0l.mjs → ShareablesScreen-BRfgOnpL.mjs} +2 -2
- package/dist/{ShareablesScreen-CzTU7e0l.mjs.map → ShareablesScreen-BRfgOnpL.mjs.map} +1 -1
- package/dist/{ShareablesScreen-DujtMoAi.cjs → ShareablesScreen-BYP65ZnU.cjs} +2 -2
- package/dist/{ShareablesScreen-CmZ5CX99.cjs → ShareablesScreen-CCqADUXE.cjs} +2 -2
- package/dist/{ShareablesScreen-CmZ5CX99.cjs.map → ShareablesScreen-CCqADUXE.cjs.map} +1 -1
- package/dist/{ShareablesScreen-yscAsNpq.mjs → ShareablesScreen-YnNF0dD6.mjs} +2 -2
- package/dist/{ShopScreen-Bdo59te-.mjs → ShopScreen-BOJGcSyG.mjs} +3 -3
- package/dist/{ShopScreen-Bdo59te-.mjs.map → ShopScreen-BOJGcSyG.mjs.map} +1 -1
- package/dist/{ShopScreen-R9zk7d5d.cjs → ShopScreen-BzyBZ24D.cjs} +6 -6
- package/dist/{ShopScreen-DKlDKNom.cjs → ShopScreen-DeLp93hN.cjs} +3 -3
- package/dist/{ShopScreen-DKlDKNom.cjs.map → ShopScreen-DeLp93hN.cjs.map} +1 -1
- package/dist/{SpacerWidget-Da_sNa_X.mjs → SpacerWidget-BJFO-Xyh.mjs} +2 -2
- package/dist/SpacerWidget-BJFO-Xyh.mjs.map +1 -0
- package/dist/{SpacerWidget-CLFbkgoz.cjs → SpacerWidget-D9lOLPr5.cjs} +2 -2
- package/dist/SpacerWidget-D9lOLPr5.cjs.map +1 -0
- package/dist/{TableWidget-lKjTu7Go.cjs → TableWidget-C7qiWZc3.cjs} +1 -1
- package/dist/{TableWidget-B65hwjKS.mjs → TableWidget-DRByd9ig.mjs} +9 -9
- package/dist/TableWidget-DRByd9ig.mjs.map +1 -0
- package/dist/{TableWidget-FDbnEYZb.cjs → TableWidget-DUnz9hrD.cjs} +9 -9
- package/dist/TableWidget-DUnz9hrD.cjs.map +1 -0
- package/dist/index.cjs +68 -70
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +126 -133
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +126 -133
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +25 -25
- package/dist/src-BNcNh8fM.cjs +963 -0
- package/dist/src-BNcNh8fM.cjs.map +1 -0
- package/dist/src-BjCPR0aG.mjs +788 -0
- package/dist/src-BjCPR0aG.mjs.map +1 -0
- package/package.json +16 -16
- package/dist/ContactsScreen-BtBNMZzG.mjs.map +0 -1
- package/dist/ContactsScreen-DvohvoOE.cjs.map +0 -1
- package/dist/FluidProvider-D177ez3m.cjs.map +0 -1
- package/dist/FluidProvider-DiJy4Zve.mjs.map +0 -1
- package/dist/PortalContentApiProvider-CPnqELEX.cjs.map +0 -1
- package/dist/PortalContentApiProvider-CWRAw9kL.mjs.map +0 -1
- package/dist/QuickShareWidget-0GD4KWAr.cjs.map +0 -1
- package/dist/QuickShareWidget-DZzrQjOx.mjs.map +0 -1
- package/dist/SpacerWidget-CLFbkgoz.cjs.map +0 -1
- package/dist/SpacerWidget-Da_sNa_X.mjs.map +0 -1
- package/dist/TableWidget-B65hwjKS.mjs.map +0 -1
- package/dist/TableWidget-FDbnEYZb.cjs.map +0 -1
- package/dist/countries-api-context-Dob_AzPO.mjs +0 -13
- package/dist/countries-api-context-Dob_AzPO.mjs.map +0 -1
- package/dist/countries-api-context-G-NW4BoH.cjs +0 -25
- package/dist/countries-api-context-G-NW4BoH.cjs.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
require("./chunk-9hOWP6kD.cjs");
|
|
2
|
-
const require_FluidProvider = require("./FluidProvider-
|
|
2
|
+
const require_FluidProvider = require("./FluidProvider-BRkRo8Wl.cjs");
|
|
3
3
|
const require_account_api_context = require("./account-api-context-DZP9IiGg.cjs");
|
|
4
|
-
const
|
|
4
|
+
const require_src = require("./src-BNcNh8fM.cjs");
|
|
5
5
|
const require_parse_api_errors = require("./parse-api-errors-Br4K5NuA.cjs");
|
|
6
|
-
const require_src = require("./src-D57IFKXU.cjs");
|
|
6
|
+
const require_src$1 = require("./src-D57IFKXU.cjs");
|
|
7
7
|
const require_ScreenHeaderContext = require("./ScreenHeaderContext-BXgWydjB.cjs");
|
|
8
8
|
const require_use_account = require("./use-account-C5QI6NSe.cjs");
|
|
9
9
|
let react = require("react");
|
|
@@ -293,7 +293,7 @@ function useCountryStates() {
|
|
|
293
293
|
//#endregion
|
|
294
294
|
//#region ../../profile/ui/src/components/ellipses-dropdown.tsx
|
|
295
295
|
function EllipsesDropdown({ onDelete, onEdit, editLabel = "Edit", deleteLabel = "Delete", disabled = false }) {
|
|
296
|
-
if (disabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
296
|
+
if (disabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
297
297
|
variant: "ghost",
|
|
298
298
|
disabled: true,
|
|
299
299
|
className: "cursor-not-allowed opacity-50",
|
|
@@ -304,9 +304,9 @@ function EllipsesDropdown({ onDelete, onEdit, editLabel = "Edit", deleteLabel =
|
|
|
304
304
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" })
|
|
305
305
|
})
|
|
306
306
|
});
|
|
307
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
|
|
307
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DropdownMenuTrigger, {
|
|
308
308
|
asChild: true,
|
|
309
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
309
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
310
310
|
variant: "ghost",
|
|
311
311
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
312
312
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -315,9 +315,9 @@ function EllipsesDropdown({ onDelete, onEdit, editLabel = "Edit", deleteLabel =
|
|
|
315
315
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" })
|
|
316
316
|
})
|
|
317
317
|
})
|
|
318
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
|
|
318
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DropdownMenuContent, {
|
|
319
319
|
className: "min-w-20 space-y-1 text-sm text-gray-900",
|
|
320
|
-
children: [onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
|
|
320
|
+
children: [onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DropdownMenuItem, {
|
|
321
321
|
className: "flex cursor-pointer flex-row items-center justify-between space-x-2 rounded px-2 hover:bg-gray-50",
|
|
322
322
|
onClick: (e) => {
|
|
323
323
|
e.stopPropagation();
|
|
@@ -329,7 +329,7 @@ function EllipsesDropdown({ onDelete, onEdit, editLabel = "Edit", deleteLabel =
|
|
|
329
329
|
className: "h-2.5 w-2.5 fill-current",
|
|
330
330
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z" })
|
|
331
331
|
})]
|
|
332
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
|
|
332
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DropdownMenuSeparator, {})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DropdownMenuItem, {
|
|
333
333
|
className: "flex cursor-pointer flex-row items-center justify-between space-x-2 rounded px-2 text-red-500 hover:bg-red-50",
|
|
334
334
|
onClick: (e) => {
|
|
335
335
|
e.stopPropagation();
|
|
@@ -348,15 +348,15 @@ function EllipsesDropdown({ onDelete, onEdit, editLabel = "Edit", deleteLabel =
|
|
|
348
348
|
//#region ../../profile/ui/src/components/confirm-action-dialog.tsx
|
|
349
349
|
function ConfirmActionDialog({ title, description, onAction, openDialog, setOpenDialog, errorMsg, isLoading, actionText = "Delete" }) {
|
|
350
350
|
const { t } = useProfileUI();
|
|
351
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
|
|
351
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Dialog, {
|
|
352
352
|
open: openDialog,
|
|
353
353
|
onOpenChange: setOpenDialog,
|
|
354
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
|
|
354
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DialogContent, {
|
|
355
355
|
className: "max-w-sm rounded md:w-90",
|
|
356
356
|
children: [
|
|
357
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, {
|
|
357
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogHeader, {
|
|
358
358
|
className: "flex flex-row justify-between",
|
|
359
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
|
|
359
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogTitle, {
|
|
360
360
|
className: "text-md w-full text-left font-medium",
|
|
361
361
|
children: title
|
|
362
362
|
})
|
|
@@ -372,16 +372,16 @@ function ConfirmActionDialog({ title, description, onAction, openDialog, setOpen
|
|
|
372
372
|
className: "text-sm text-red-500",
|
|
373
373
|
children: errorMsg
|
|
374
374
|
}),
|
|
375
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
375
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
376
376
|
className: "flex w-full flex-row justify-between space-x-2",
|
|
377
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogClose, {
|
|
377
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogClose, {
|
|
378
378
|
asChild: true,
|
|
379
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
379
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
380
380
|
className: "min-w-[70px] rounded bg-gray-50 p-3 text-gray-900 ring-1 ring-gray-300 hover:bg-gray-100",
|
|
381
381
|
onClick: () => setOpenDialog(false),
|
|
382
382
|
children: t("cancel")
|
|
383
383
|
})
|
|
384
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
384
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
385
385
|
type: "button",
|
|
386
386
|
className: "min-w-[70px] rounded bg-red-600 p-3 text-white hover:bg-red-700",
|
|
387
387
|
onClick: onAction,
|
|
@@ -424,13 +424,13 @@ function CustomerPointsLedger({ pointsLedger, isLoading = false }) {
|
|
|
424
424
|
const availablePoints = pointsLedger[0]?.total_balance ?? 0;
|
|
425
425
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
426
426
|
className: "mb-6 border-b border-gray-300 pb-4",
|
|
427
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Accordion, {
|
|
427
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Accordion, {
|
|
428
428
|
type: "single",
|
|
429
429
|
collapsible: true,
|
|
430
430
|
value: accordionValue,
|
|
431
431
|
onValueChange: setAccordionValue,
|
|
432
432
|
className: "w-full",
|
|
433
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AccordionItem, {
|
|
433
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.AccordionItem, {
|
|
434
434
|
value: "points-history",
|
|
435
435
|
className: "border-b-0",
|
|
436
436
|
children: [
|
|
@@ -439,9 +439,9 @@ function CustomerPointsLedger({ pointsLedger, isLoading = false }) {
|
|
|
439
439
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
440
440
|
className: "mt-4 mb-1 text-sm text-gray-400",
|
|
441
441
|
children: t("points_history")
|
|
442
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AccordionTrigger, { className: "m-0 ml-2 flex h-auto min-h-0 w-auto py-0 hover:no-underline" })]
|
|
442
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.AccordionTrigger, { className: "m-0 ml-2 flex h-auto min-h-0 w-auto py-0 hover:no-underline" })]
|
|
443
443
|
}),
|
|
444
|
-
isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-6 w-full" }),
|
|
444
|
+
isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-6 w-full" }),
|
|
445
445
|
!isLoading && !accordionValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
446
446
|
className: "mb-2 flex w-full cursor-pointer flex-col",
|
|
447
447
|
onClick: () => setAccordionValue("points-history"),
|
|
@@ -457,7 +457,7 @@ function CustomerPointsLedger({ pointsLedger, isLoading = false }) {
|
|
|
457
457
|
]
|
|
458
458
|
})
|
|
459
459
|
}),
|
|
460
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AccordionContent, {
|
|
460
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.AccordionContent, {
|
|
461
461
|
className: "max-h-[400px] overflow-y-auto pt-2",
|
|
462
462
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
463
463
|
className: "mb-3 flex w-full flex-col",
|
|
@@ -495,7 +495,7 @@ function CustomerPointsLedger({ pointsLedger, isLoading = false }) {
|
|
|
495
495
|
})
|
|
496
496
|
}),
|
|
497
497
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
498
|
-
className: require_src.cn("text-sm font-medium", ledger.amount >= 0 ? "text-green-500" : "text-red-500"),
|
|
498
|
+
className: require_src$1.cn("text-sm font-medium", ledger.amount >= 0 ? "text-green-500" : "text-red-500"),
|
|
499
499
|
children: formatPoints(ledger.amount)
|
|
500
500
|
})
|
|
501
501
|
]
|
|
@@ -518,19 +518,19 @@ function FormTextField$1({ control, name, label, containerClassName, ...props })
|
|
|
518
518
|
control
|
|
519
519
|
});
|
|
520
520
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
521
|
-
className: require_src.cn("space-y-1", containerClassName),
|
|
521
|
+
className: require_src$1.cn("space-y-1", containerClassName),
|
|
522
522
|
children: [
|
|
523
|
-
label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
|
|
523
|
+
label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Label, {
|
|
524
524
|
htmlFor: name,
|
|
525
525
|
className: "mb-1.5 block text-sm font-medium",
|
|
526
526
|
children: label
|
|
527
527
|
}),
|
|
528
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
|
|
528
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Input, {
|
|
529
529
|
...field,
|
|
530
530
|
...props,
|
|
531
531
|
id: name,
|
|
532
532
|
value: field.value ?? "",
|
|
533
|
-
className: require_src.cn(error && "ring-1 ring-red-500", props.className)
|
|
533
|
+
className: require_src$1.cn(error && "ring-1 ring-red-500", props.className)
|
|
534
534
|
}),
|
|
535
535
|
error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
536
536
|
className: "text-sm text-red-500",
|
|
@@ -545,23 +545,23 @@ function FormSelectField$1({ control, name, label, options, placeholder, contain
|
|
|
545
545
|
control
|
|
546
546
|
});
|
|
547
547
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
548
|
-
className: require_src.cn("space-y-1", containerClassName),
|
|
548
|
+
className: require_src$1.cn("space-y-1", containerClassName),
|
|
549
549
|
children: [
|
|
550
|
-
label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
|
|
550
|
+
label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Label, {
|
|
551
551
|
htmlFor: name,
|
|
552
552
|
className: "block text-sm font-medium",
|
|
553
553
|
children: label
|
|
554
554
|
}),
|
|
555
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
|
|
555
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.Select, {
|
|
556
556
|
value: field.value?.toString() ?? "",
|
|
557
557
|
onValueChange: (val) => {
|
|
558
558
|
field.onChange(val);
|
|
559
559
|
onChange?.(val);
|
|
560
560
|
},
|
|
561
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
|
|
562
|
-
className: require_src.cn(error && "ring-1 ring-red-500"),
|
|
563
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder })
|
|
564
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: options?.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
|
|
561
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectTrigger, {
|
|
562
|
+
className: require_src$1.cn(error && "ring-1 ring-red-500"),
|
|
563
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectValue, { placeholder })
|
|
564
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectContent, { children: options?.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectItem, {
|
|
565
565
|
value: opt.value.toString(),
|
|
566
566
|
children: opt.name
|
|
567
567
|
}, `${opt.name}-${opt.value}`)) })]
|
|
@@ -612,13 +612,13 @@ function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOption
|
|
|
612
612
|
handleCancelEmailEdit();
|
|
613
613
|
handleClose();
|
|
614
614
|
};
|
|
615
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
|
|
615
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Dialog, {
|
|
616
616
|
open: isOpen,
|
|
617
617
|
onOpenChange: (open) => !open && handleDialogClose(),
|
|
618
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
|
|
618
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DialogContent, {
|
|
619
619
|
className: "max-w-sm rounded md:max-w-lg",
|
|
620
620
|
children: [
|
|
621
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
|
|
621
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogTitle, {
|
|
622
622
|
className: "text-md font-medium text-gray-900",
|
|
623
623
|
children: t("edit_profile")
|
|
624
624
|
}) }),
|
|
@@ -658,7 +658,7 @@ function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOption
|
|
|
658
658
|
}), isEditingEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
659
659
|
className: "space-y-2",
|
|
660
660
|
children: [
|
|
661
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
|
|
661
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Input, {
|
|
662
662
|
type: "email",
|
|
663
663
|
placeholder: "Enter your new email...",
|
|
664
664
|
value: newEmail,
|
|
@@ -689,14 +689,14 @@ function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOption
|
|
|
689
689
|
}),
|
|
690
690
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
691
691
|
className: "flex gap-2",
|
|
692
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
692
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
693
693
|
type: "button",
|
|
694
694
|
variant: "outline",
|
|
695
695
|
size: "sm",
|
|
696
696
|
onClick: handleCancelEmailEdit,
|
|
697
697
|
className: "cursor-pointer",
|
|
698
698
|
children: "Cancel"
|
|
699
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
|
|
699
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.Button, {
|
|
700
700
|
type: "button",
|
|
701
701
|
size: "sm",
|
|
702
702
|
onClick: handleEmailSubmit,
|
|
@@ -731,7 +731,7 @@ function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOption
|
|
|
731
731
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
732
732
|
className: "bg-muted text-muted-foreground min-w-0 flex-1 rounded-md px-3 py-2 text-sm",
|
|
733
733
|
children: email
|
|
734
|
-
}), onChangeEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
734
|
+
}), onChangeEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
735
735
|
type: "button",
|
|
736
736
|
variant: "outline",
|
|
737
737
|
size: "sm",
|
|
@@ -745,11 +745,11 @@ function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOption
|
|
|
745
745
|
className: "text-sm text-red-500",
|
|
746
746
|
children: errorMsg
|
|
747
747
|
}),
|
|
748
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, {
|
|
748
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogFooter, {
|
|
749
749
|
className: "flex flex-row items-center justify-end",
|
|
750
750
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
751
751
|
className: "flex-1 text-right",
|
|
752
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
|
|
752
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.Button, {
|
|
753
753
|
type: "button",
|
|
754
754
|
onClick: onSubmit,
|
|
755
755
|
className: "cursor-pointer",
|
|
@@ -783,7 +783,7 @@ function CustomerInfo({ customerAccount, languages, onUpdateCustomer, isUpdating
|
|
|
783
783
|
name: language.name,
|
|
784
784
|
value: language.name
|
|
785
785
|
}));
|
|
786
|
-
const { control, handleSubmit, reset } = require_src.useZodForm((0, react.useMemo)(() => createUserInfoSchema({
|
|
786
|
+
const { control, handleSubmit, reset } = require_src$1.useZodForm((0, react.useMemo)(() => createUserInfoSchema({
|
|
787
787
|
firstNameRequired: t("first_name_is_required"),
|
|
788
788
|
lastNameRequired: t("last_name_is_required"),
|
|
789
789
|
languageRequired: t("language_is_required")
|
|
@@ -820,7 +820,7 @@ function CustomerInfo({ customerAccount, languages, onUpdateCustomer, isUpdating
|
|
|
820
820
|
className: "mb-6 flex flex-row items-center justify-between space-x-2 border-b border-gray-300 pb-4",
|
|
821
821
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
822
822
|
className: "flex flex-row items-center space-x-2",
|
|
823
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Avatar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AvatarFallback, { children: userInitial }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
823
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Avatar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.AvatarFallback, { children: userInitial }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
824
824
|
className: "flex flex-col",
|
|
825
825
|
children: first_name ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
826
826
|
className: "text-sm font-medium",
|
|
@@ -903,13 +903,13 @@ function AddressDropdown({ title, displayAddress, addressList, onAddAddressClick
|
|
|
903
903
|
const { t } = useProfileUI();
|
|
904
904
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
905
905
|
className: `${borderStyle} ${className}`,
|
|
906
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Accordion, {
|
|
906
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Accordion, {
|
|
907
907
|
type: "single",
|
|
908
908
|
collapsible: true,
|
|
909
909
|
value: addressesValue,
|
|
910
910
|
onValueChange: setAddressesValue,
|
|
911
911
|
className: "w-full",
|
|
912
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AccordionItem, {
|
|
912
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.AccordionItem, {
|
|
913
913
|
value: accordionItemValue,
|
|
914
914
|
className: "border-b-0",
|
|
915
915
|
children: [
|
|
@@ -918,11 +918,11 @@ function AddressDropdown({ title, displayAddress, addressList, onAddAddressClick
|
|
|
918
918
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
919
919
|
className: "mt-4 mb-1 text-sm text-gray-400",
|
|
920
920
|
children: title
|
|
921
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AccordionTrigger, { className: "m-0 ml-2 flex h-auto min-h-0 w-auto py-0 hover:no-underline" })]
|
|
921
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.AccordionTrigger, { className: "m-0 ml-2 flex h-auto min-h-0 w-auto py-0 hover:no-underline" })]
|
|
922
922
|
}),
|
|
923
923
|
isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
924
924
|
className: "space-y-2",
|
|
925
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-2/3" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-1/2" })]
|
|
925
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-4 w-2/3" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-4 w-1/2" })]
|
|
926
926
|
}),
|
|
927
927
|
!isLoading && !addressesValue && displayAddress && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
928
928
|
className: "mb-2 flex w-full cursor-pointer flex-col",
|
|
@@ -945,12 +945,12 @@ function AddressDropdown({ title, displayAddress, addressList, onAddAddressClick
|
|
|
945
945
|
]
|
|
946
946
|
})]
|
|
947
947
|
}),
|
|
948
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AccordionContent, {
|
|
948
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.AccordionContent, {
|
|
949
949
|
className: "max-h-[400px] overflow-y-auto pt-2",
|
|
950
950
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
951
951
|
className: "mt-2 flex flex-col justify-between space-y-4 px-0.5",
|
|
952
952
|
children: addressList.length > 0 ? addressList.map((address, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
953
|
-
className: require_src.cn("flex min-h-[48px] w-full flex-row items-center justify-between space-x-2 px-2", { "items-center border-b border-gray-300 p-3": addressList.length - 1 !== index }),
|
|
953
|
+
className: require_src$1.cn("flex min-h-[48px] w-full flex-row items-center justify-between space-x-2 px-2", { "items-center border-b border-gray-300 p-3": addressList.length - 1 !== index }),
|
|
954
954
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
955
955
|
className: "flex flex-col",
|
|
956
956
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
@@ -1124,13 +1124,13 @@ function PaymentMethodDropdown({ title, displayPaymentMethod, paymentMethodList,
|
|
|
1124
1124
|
});
|
|
1125
1125
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1126
1126
|
className: `${borderStyle} ${className}`,
|
|
1127
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Accordion, {
|
|
1127
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Accordion, {
|
|
1128
1128
|
type: "single",
|
|
1129
1129
|
collapsible: true,
|
|
1130
1130
|
value: paymentsValue,
|
|
1131
1131
|
onValueChange: setPaymentsValue,
|
|
1132
1132
|
className: "w-full",
|
|
1133
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AccordionItem, {
|
|
1133
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.AccordionItem, {
|
|
1134
1134
|
value: accordionItemValue,
|
|
1135
1135
|
className: "border-b-0",
|
|
1136
1136
|
children: [
|
|
@@ -1139,20 +1139,20 @@ function PaymentMethodDropdown({ title, displayPaymentMethod, paymentMethodList,
|
|
|
1139
1139
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1140
1140
|
className: "text-muted-foreground mt-4 mb-1 text-sm",
|
|
1141
1141
|
children: title
|
|
1142
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AccordionTrigger, { className: "m-0 ml-2 flex h-auto min-h-0 w-auto py-0 hover:no-underline" })]
|
|
1142
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.AccordionTrigger, { className: "m-0 ml-2 flex h-auto min-h-0 w-auto py-0 hover:no-underline" })]
|
|
1143
1143
|
}),
|
|
1144
1144
|
!paymentsValue && isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1145
1145
|
className: "mb-2 flex w-full flex-row items-center space-x-2",
|
|
1146
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-6 w-10" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1146
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-6 w-10" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1147
1147
|
className: "flex flex-col space-y-1",
|
|
1148
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-24" })]
|
|
1148
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-4 w-24" })]
|
|
1149
1149
|
})]
|
|
1150
1150
|
}) : !paymentsValue && displayPaymentMethod && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1151
1151
|
className: "mb-2 flex w-full cursor-pointer flex-col",
|
|
1152
1152
|
onClick: () => setPaymentsValue(accordionItemValue),
|
|
1153
1153
|
children: renderPaymentMethod(displayPaymentMethod)
|
|
1154
1154
|
}),
|
|
1155
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AccordionContent, {
|
|
1155
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.AccordionContent, {
|
|
1156
1156
|
className: "max-h-[400px] overflow-y-auto pt-2",
|
|
1157
1157
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1158
1158
|
className: "mt-2 flex flex-col justify-between space-y-4 px-0.5",
|
|
@@ -1162,14 +1162,14 @@ function PaymentMethodDropdown({ title, displayPaymentMethod, paymentMethodList,
|
|
|
1162
1162
|
className: "flex flex-row items-center justify-between",
|
|
1163
1163
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1164
1164
|
className: "flex flex-row items-center space-x-2",
|
|
1165
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-6 w-10" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1165
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-6 w-10" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1166
1166
|
className: "flex flex-col space-y-1",
|
|
1167
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-24" })]
|
|
1167
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-4 w-24" })]
|
|
1168
1168
|
})]
|
|
1169
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-6 w-6" })]
|
|
1169
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Skeleton, { className: "h-6 w-6" })]
|
|
1170
1170
|
})
|
|
1171
1171
|
}, `skeleton-${i}`)) }) : paymentMethodList.map((paymentMethod, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1172
|
-
className: require_src.cn("flex min-h-[48px] w-full flex-row items-center justify-between space-x-2 px-2", { "border-border items-center border-b p-3": paymentMethodList.length - 1 !== index }),
|
|
1172
|
+
className: require_src$1.cn("flex min-h-[48px] w-full flex-row items-center justify-between space-x-2 px-2", { "border-border items-center border-b p-3": paymentMethodList.length - 1 !== index }),
|
|
1173
1173
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1174
1174
|
className: "flex flex-row items-center space-x-2",
|
|
1175
1175
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
@@ -1223,13 +1223,13 @@ function ViewPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
|
|
|
1223
1223
|
const lastFour = details.last_four ?? "****";
|
|
1224
1224
|
const expMonth = details.exp_month;
|
|
1225
1225
|
const expYear = details.exp_year;
|
|
1226
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
|
|
1226
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Dialog, {
|
|
1227
1227
|
open: isOpen,
|
|
1228
1228
|
onOpenChange: (open) => !open && onClose(),
|
|
1229
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
|
|
1229
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DialogContent, {
|
|
1230
1230
|
className: "max-w-sm rounded md:max-w-lg",
|
|
1231
1231
|
children: [
|
|
1232
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
|
|
1232
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogTitle, {
|
|
1233
1233
|
className: "text-md font-medium",
|
|
1234
1234
|
children: t("edit_card")
|
|
1235
1235
|
}) }),
|
|
@@ -1277,7 +1277,7 @@ function ViewPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
|
|
|
1277
1277
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
|
|
1278
1278
|
className: "text-sm font-medium text-gray-900",
|
|
1279
1279
|
children: t("billing_address")
|
|
1280
|
-
}), onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
1280
|
+
}), onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
1281
1281
|
variant: "ghost",
|
|
1282
1282
|
size: "sm",
|
|
1283
1283
|
className: "h-auto p-0 text-sm text-gray-600 underline hover:bg-transparent",
|
|
@@ -1307,9 +1307,9 @@ function ViewPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
|
|
|
1307
1307
|
})
|
|
1308
1308
|
})] })]
|
|
1309
1309
|
}),
|
|
1310
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogClose, {
|
|
1310
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogClose, {
|
|
1311
1311
|
asChild: true,
|
|
1312
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
1312
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
1313
1313
|
className: "rounded bg-gray-50 p-3 text-gray-900 ring-1 ring-gray-300 hover:bg-gray-100",
|
|
1314
1314
|
onClick: onClose,
|
|
1315
1315
|
children: t("close")
|
|
@@ -1335,7 +1335,7 @@ const editPaymentMethodFormSchema = zod.z.object({
|
|
|
1335
1335
|
});
|
|
1336
1336
|
function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClose, onSubmit, isSubmitting, error, countries = [] }) {
|
|
1337
1337
|
const { t } = useProfileUI();
|
|
1338
|
-
const { control, handleSubmit, reset, setValue } = require_src.useZodForm(editPaymentMethodFormSchema, { defaultValues: {
|
|
1338
|
+
const { control, handleSubmit, reset, setValue } = require_src$1.useZodForm(editPaymentMethodFormSchema, { defaultValues: {
|
|
1339
1339
|
billing_address: {
|
|
1340
1340
|
name: "",
|
|
1341
1341
|
address1: "",
|
|
@@ -1400,13 +1400,13 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
|
|
|
1400
1400
|
const lastFour = details.last_four ?? "****";
|
|
1401
1401
|
const expMonth = details.exp_month;
|
|
1402
1402
|
const expYear = details.exp_year;
|
|
1403
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
|
|
1403
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Dialog, {
|
|
1404
1404
|
open: isOpen,
|
|
1405
1405
|
onOpenChange: (open) => !open && onClose(),
|
|
1406
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
|
|
1406
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DialogContent, {
|
|
1407
1407
|
className: "max-h-[90vh] max-w-sm overflow-y-auto rounded md:max-w-lg",
|
|
1408
1408
|
children: [
|
|
1409
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
|
|
1409
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogTitle, {
|
|
1410
1410
|
className: "text-md font-medium",
|
|
1411
1411
|
children: t("edit_card")
|
|
1412
1412
|
}) }),
|
|
@@ -1523,11 +1523,11 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
|
|
|
1523
1523
|
className: "text-sm text-red-500",
|
|
1524
1524
|
children: error
|
|
1525
1525
|
}),
|
|
1526
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, {
|
|
1526
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DialogFooter, {
|
|
1527
1527
|
className: "flex flex-row items-center justify-between",
|
|
1528
1528
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1529
1529
|
className: "flex-2",
|
|
1530
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
1530
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
1531
1531
|
type: "button",
|
|
1532
1532
|
className: "rounded bg-gray-50 p-3 text-gray-900 ring-1 ring-gray-300 hover:bg-gray-100",
|
|
1533
1533
|
onClick: onClose,
|
|
@@ -1536,7 +1536,7 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
|
|
|
1536
1536
|
})
|
|
1537
1537
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1538
1538
|
className: "flex-1 text-right",
|
|
1539
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
1539
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
1540
1540
|
type: "submit",
|
|
1541
1541
|
onClick: handleFormSubmit,
|
|
1542
1542
|
disabled: isSubmitting,
|
|
@@ -1606,13 +1606,13 @@ function PaymentMethods({ paymentMethods, isLoading = false, onDeletePaymentMeth
|
|
|
1606
1606
|
try {
|
|
1607
1607
|
await onUpdatePaymentMethod(selectedPaymentMethod.id, data);
|
|
1608
1608
|
handleCloseEditDialog();
|
|
1609
|
-
require_src.fluidToast({
|
|
1609
|
+
require_src$1.fluidToast({
|
|
1610
1610
|
title: t("default_payment_method_updated"),
|
|
1611
1611
|
type: "success"
|
|
1612
1612
|
});
|
|
1613
1613
|
} catch (error) {
|
|
1614
1614
|
console.error("Error updating payment method:", error);
|
|
1615
|
-
require_src.fluidToast({
|
|
1615
|
+
require_src$1.fluidToast({
|
|
1616
1616
|
title: t("failed_to_set_default_payment_method"),
|
|
1617
1617
|
type: "error",
|
|
1618
1618
|
description: require_parse_api_errors.parseApiErrors(error)
|
|
@@ -1725,8 +1725,8 @@ function FormTextField({ control, name, placeholder, containerClassName, type, d
|
|
|
1725
1725
|
control
|
|
1726
1726
|
});
|
|
1727
1727
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
1728
|
-
className: require_src.cn("space-y-1", containerClassName),
|
|
1729
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
|
|
1728
|
+
className: require_src$1.cn("space-y-1", containerClassName),
|
|
1729
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Input, {
|
|
1730
1730
|
...field,
|
|
1731
1731
|
value: field.value ?? "",
|
|
1732
1732
|
id: name,
|
|
@@ -1745,22 +1745,22 @@ function FormTextField({ control, name, placeholder, containerClassName, type, d
|
|
|
1745
1745
|
//#region ../../fluid-pay/ui/src/components/form-fields/FormSelectField.tsx
|
|
1746
1746
|
function FormSelectField({ control, name, placeholder = "Select", options, containerClassName, disabled }) {
|
|
1747
1747
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1748
|
-
className: require_src.cn("space-y-1", containerClassName),
|
|
1748
|
+
className: require_src$1.cn("space-y-1", containerClassName),
|
|
1749
1749
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.Controller, {
|
|
1750
1750
|
control,
|
|
1751
1751
|
name,
|
|
1752
|
-
render: ({ field: { onChange, value }, fieldState: { error } }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
|
|
1752
|
+
render: ({ field: { onChange, value }, fieldState: { error } }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.Select, {
|
|
1753
1753
|
value: value?.toString() ?? "",
|
|
1754
1754
|
onValueChange: onChange,
|
|
1755
1755
|
disabled,
|
|
1756
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
|
|
1756
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectTrigger, {
|
|
1757
1757
|
"aria-invalid": !!error,
|
|
1758
|
-
className: require_src.cn("w-full", error && "border-red-500 ring-1 ring-red-500"),
|
|
1759
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder })
|
|
1760
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: options && options.length > 0 ? options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
|
|
1758
|
+
className: require_src$1.cn("w-full", error && "border-red-500 ring-1 ring-red-500"),
|
|
1759
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectValue, { placeholder })
|
|
1760
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectContent, { children: options && options.length > 0 ? options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectItem, {
|
|
1761
1761
|
value: opt.value.toString(),
|
|
1762
1762
|
children: opt.name
|
|
1763
|
-
}, opt.value.toString())) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
|
|
1763
|
+
}, opt.value.toString())) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.SelectItem, {
|
|
1764
1764
|
value: "__empty",
|
|
1765
1765
|
disabled: true,
|
|
1766
1766
|
children: "No available options"
|
|
@@ -1786,7 +1786,7 @@ const addressFormSchema = zod.z.object({
|
|
|
1786
1786
|
default: zod.z.boolean()
|
|
1787
1787
|
});
|
|
1788
1788
|
function AddressFormDialog({ isOpen, onClose, selectedAddress, onSubmit, isSubmitting, countries = [], error, renderAddressAutocomplete, fetchStates, t }) {
|
|
1789
|
-
const { control, handleSubmit, reset, setValue } = require_src.useZodForm(addressFormSchema, { defaultValues: {
|
|
1789
|
+
const { control, handleSubmit, reset, setValue } = require_src$1.useZodForm(addressFormSchema, { defaultValues: {
|
|
1790
1790
|
first_name: "",
|
|
1791
1791
|
last_name: "",
|
|
1792
1792
|
address1: "",
|
|
@@ -1874,13 +1874,13 @@ function AddressFormDialog({ isOpen, onClose, selectedAddress, onSubmit, isSubmi
|
|
|
1874
1874
|
default: data.default
|
|
1875
1875
|
} });
|
|
1876
1876
|
});
|
|
1877
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
|
|
1877
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Dialog, {
|
|
1878
1878
|
open: isOpen,
|
|
1879
1879
|
onOpenChange: (open) => !open && onClose(),
|
|
1880
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
|
|
1880
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src$1.DialogContent, {
|
|
1881
1881
|
className: "max-h-[90vh] max-w-md overflow-y-auto rounded md:max-w-xl",
|
|
1882
1882
|
children: [
|
|
1883
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
|
|
1883
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogTitle, {
|
|
1884
1884
|
className: "text-lg font-medium",
|
|
1885
1885
|
children: selectedAddress !== null ? t("edit_address") : t("add_an_address")
|
|
1886
1886
|
}) }),
|
|
@@ -1971,7 +1971,7 @@ function AddressFormDialog({ isOpen, onClose, selectedAddress, onSubmit, isSubmi
|
|
|
1971
1971
|
className: "text-sm",
|
|
1972
1972
|
children: t("set_as_default_address")
|
|
1973
1973
|
})]
|
|
1974
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
1974
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
1975
1975
|
type: "submit",
|
|
1976
1976
|
onClick: handleFormSubmit,
|
|
1977
1977
|
disabled: isSubmitting,
|
|
@@ -2227,7 +2227,7 @@ function VgsInputWrapper({ id, fieldState, className }) {
|
|
|
2227
2227
|
className: "w-full",
|
|
2228
2228
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
2229
2229
|
id,
|
|
2230
|
-
className: require_src.cn("relative flex h-10 w-full items-center rounded-md border border-gray-300 bg-white px-3 shadow-sm transition-all duration-200 ease-in-out", "[&_iframe]:block! [&_iframe]:h-full! [&_iframe]:w-full!", isFocused && "border-blue-600 ring-1 ring-blue-600", isInvalid && "border-red-500 ring-1 ring-red-500", className)
|
|
2230
|
+
className: require_src$1.cn("relative flex h-10 w-full items-center rounded-md border border-gray-300 bg-white px-3 shadow-sm transition-all duration-200 ease-in-out", "[&_iframe]:block! [&_iframe]:h-full! [&_iframe]:w-full!", isFocused && "border-blue-600 ring-1 ring-blue-600", isInvalid && "border-red-500 ring-1 ring-red-500", className)
|
|
2231
2231
|
})
|
|
2232
2232
|
});
|
|
2233
2233
|
}
|
|
@@ -2272,7 +2272,7 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, countri
|
|
|
2272
2272
|
const [cardError, setCardError] = (0, react.useState)(void 0);
|
|
2273
2273
|
const [isVgsSubmitting, setIsVgsSubmitting] = (0, react.useState)(false);
|
|
2274
2274
|
const { isFormReady, isLoading: isVgsLoading, isScriptLoaded, initializeForm, submitCard, vgsFieldState, resetVgs, onSuccessRef, onErrorRef } = useVgsCollect();
|
|
2275
|
-
const { control, handleSubmit, reset, setValue } = require_src.useZodForm(billingAddressSchema, { defaultValues: {
|
|
2275
|
+
const { control, handleSubmit, reset, setValue } = require_src$1.useZodForm(billingAddressSchema, { defaultValues: {
|
|
2276
2276
|
name: "",
|
|
2277
2277
|
address1: "",
|
|
2278
2278
|
address2: "",
|
|
@@ -2401,10 +2401,10 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, countri
|
|
|
2401
2401
|
submitCard();
|
|
2402
2402
|
});
|
|
2403
2403
|
const isBusy = isSubmitting || isVgsSubmitting;
|
|
2404
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
|
|
2404
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Dialog, {
|
|
2405
2405
|
open: isOpen,
|
|
2406
2406
|
onOpenChange: (open) => !open && handleClose(),
|
|
2407
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogContent, {
|
|
2407
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogContent, {
|
|
2408
2408
|
className: "max-h-[90vh] max-w-md overflow-y-auto rounded p-0 md:max-w-xl",
|
|
2409
2409
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
2410
2410
|
className: "relative p-6",
|
|
@@ -2419,7 +2419,7 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, countri
|
|
|
2419
2419
|
})]
|
|
2420
2420
|
})
|
|
2421
2421
|
}),
|
|
2422
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
|
|
2422
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.DialogTitle, {
|
|
2423
2423
|
className: "text-lg font-medium",
|
|
2424
2424
|
children: t("add_credit_card")
|
|
2425
2425
|
}) }),
|
|
@@ -2513,7 +2513,7 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, countri
|
|
|
2513
2513
|
className: "text-sm",
|
|
2514
2514
|
children: t("set_as_default_payment_method")
|
|
2515
2515
|
})]
|
|
2516
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
|
|
2516
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Button, {
|
|
2517
2517
|
type: "submit",
|
|
2518
2518
|
onClick: handleFormSubmit,
|
|
2519
2519
|
disabled: isBusy,
|
|
@@ -2737,7 +2737,7 @@ function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
|
|
|
2737
2737
|
},
|
|
2738
2738
|
enabled: true
|
|
2739
2739
|
});
|
|
2740
|
-
const countriesAdapter =
|
|
2740
|
+
const countriesAdapter = require_src.useCountriesApi();
|
|
2741
2741
|
const languagesAdapter = require_FluidProvider.useLanguagesApi();
|
|
2742
2742
|
const { data: countriesData } = (0, _tanstack_react_query.useQuery)({
|
|
2743
2743
|
queryKey: ["bff-store-countries"],
|
|
@@ -3002,7 +3002,7 @@ function PlainAddressInput({ control, name }) {
|
|
|
3002
3002
|
//#endregion
|
|
3003
3003
|
//#region src/screens/ProfileScreen.tsx
|
|
3004
3004
|
function defaultToast(message, type) {
|
|
3005
|
-
require_src.fluidToast({
|
|
3005
|
+
require_src$1.fluidToast({
|
|
3006
3006
|
title: message,
|
|
3007
3007
|
type
|
|
3008
3008
|
});
|
|
@@ -3011,9 +3011,9 @@ function ProfileScreen({ onToast, background, textColor, accentColor, padding, b
|
|
|
3011
3011
|
const { config } = require_FluidProvider.useFluidContext();
|
|
3012
3012
|
const effectiveToast = onToast ?? defaultToast;
|
|
3013
3013
|
const countryIso = config.countryIso ?? "US";
|
|
3014
|
-
require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
|
|
3014
|
+
require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.BreadcrumbList, {
|
|
3015
3015
|
className: "text-lg",
|
|
3016
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
|
|
3016
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.BreadcrumbPage, {
|
|
3017
3017
|
className: "font-semibold",
|
|
3018
3018
|
children: "Profile"
|
|
3019
3019
|
}) })
|
|
@@ -3049,4 +3049,4 @@ Object.defineProperty(exports, "profileScreenPropertySchema", {
|
|
|
3049
3049
|
}
|
|
3050
3050
|
});
|
|
3051
3051
|
|
|
3052
|
-
//# sourceMappingURL=ProfileScreen-
|
|
3052
|
+
//# sourceMappingURL=ProfileScreen-D5OxmzhM.cjs.map
|