@burdenoff/microfe-devportal 2026.915.7 → 2026.915.9
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/devportal/components/RegisterPickupLocationModal.d.ts +15 -15
- package/dist/devportal/components/RegisterPickupLocationModal.d.ts.map +1 -1
- package/dist/devportal/components/RegisterPickupLocationModal.js +85 -84
- package/dist/devportal/components/RegisterPickupLocationModal.js.map +1 -1
- package/dist/devportal/hooks/useOrganizationPickupAddresses.d.ts +31 -0
- package/dist/devportal/hooks/useOrganizationPickupAddresses.d.ts.map +1 -0
- package/dist/devportal/hooks/useOrganizationPickupAddresses.js +34 -0
- package/dist/devportal/hooks/useOrganizationPickupAddresses.js.map +1 -0
- package/dist/devportal/pages/CreateOrganizationPage.d.ts.map +1 -1
- package/dist/devportal/pages/CreateOrganizationPage.js +158 -244
- package/dist/devportal/pages/CreateOrganizationPage.js.map +1 -1
- package/dist/devportal/pages/OrganizationDetailPage.d.ts.map +1 -1
- package/dist/devportal/pages/OrganizationDetailPage.js +398 -359
- package/dist/devportal/pages/OrganizationDetailPage.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,26 +3,26 @@ import { FC } from 'react';
|
|
|
3
3
|
export interface RegisterPickupLocationModalProps {
|
|
4
4
|
open: boolean;
|
|
5
5
|
onOpenChange: (open: boolean) => void;
|
|
6
|
-
/**
|
|
7
|
-
|
|
8
|
-
* point, not a fixed value decided elsewhere. */
|
|
9
|
-
initialPostalCode: string;
|
|
6
|
+
/** The org this address is being added for. */
|
|
7
|
+
organizationId: string;
|
|
10
8
|
/** Which carrier to register with — only carriers that support registration
|
|
11
9
|
* should ever open this modal (currently just "shiprocket"). */
|
|
12
10
|
carrier: string;
|
|
13
|
-
/** Called
|
|
14
|
-
*
|
|
15
|
-
|
|
11
|
+
/** Called once the address was successfully registered and saved — the
|
|
12
|
+
* caller should refetch its address list rather than track a single value,
|
|
13
|
+
* since an org can now have several. */
|
|
14
|
+
onRegistered: () => void;
|
|
16
15
|
}
|
|
17
16
|
/**
|
|
18
|
-
* Lets a seller submit
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
* ShiprocketAdapter.registerPickupLocation),
|
|
23
|
-
* side (no per-address fee — they bill per
|
|
24
|
-
* We never maintain our own list of
|
|
25
|
-
* carrier itself accepts here is
|
|
17
|
+
* Lets a seller submit a real pickup address and have it registered as a
|
|
18
|
+
* new, bookable location directly with the shipping carrier — an org can
|
|
19
|
+
* add several of these and pick one as active (see
|
|
20
|
+
* OrganizationDetailPage's Fulfillment section). A real, permanent write to
|
|
21
|
+
* the carrier's own account (see ShiprocketAdapter.registerPickupLocation),
|
|
22
|
+
* free of charge on Shiprocket's side (no per-address fee — they bill per
|
|
23
|
+
* shipment, not per pickup point). We never maintain our own list of
|
|
24
|
+
* "valid" pincodes; whatever address the carrier itself accepts here is
|
|
25
|
+
* supported, full stop.
|
|
26
26
|
*/
|
|
27
27
|
export declare const RegisterPickupLocationModal: FC<RegisterPickupLocationModalProps>;
|
|
28
28
|
//# sourceMappingURL=RegisterPickupLocationModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegisterPickupLocationModal.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/RegisterPickupLocationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RegisterPickupLocationModal.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/RegisterPickupLocationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA6CpE,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB;oEACgE;IAChE,OAAO,EAAE,MAAM,CAAC;IAChB;;4CAEwC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CA0OjC,CAAC"}
|
|
@@ -3,10 +3,10 @@ import { InputField as t } from "./FormField.js";
|
|
|
3
3
|
import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
|
|
4
4
|
import { Loader2 as o, Truck as s, X as c } from "lucide-react";
|
|
5
5
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
6
|
-
import {
|
|
6
|
+
import { clearGraphqlFetchResponseCache as d, graphqlFetch as f } from "@burdenoff/fe-libs/shared/graphql";
|
|
7
7
|
//#region src/devportal/components/RegisterPickupLocationModal.tsx
|
|
8
|
-
var
|
|
9
|
-
function
|
|
8
|
+
var p = "\n mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n registerCarrierPickupLocation(input: $input) {\n label\n postalCode\n carrier\n }\n }\n";
|
|
9
|
+
function m() {
|
|
10
10
|
return {
|
|
11
11
|
name: "",
|
|
12
12
|
email: "",
|
|
@@ -16,45 +16,46 @@ function p(e) {
|
|
|
16
16
|
city: "",
|
|
17
17
|
state: "",
|
|
18
18
|
country: "India",
|
|
19
|
-
postalCode:
|
|
19
|
+
postalCode: ""
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
var
|
|
23
|
-
let
|
|
22
|
+
var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered: y }) => {
|
|
23
|
+
let b = e(), x = r(), S = i(null), [C, w] = a(m), [T, E] = a(!1), [D, O] = a(null);
|
|
24
24
|
if (n(() => {
|
|
25
|
-
|
|
26
|
-
}, [
|
|
27
|
-
let
|
|
25
|
+
h && w(m());
|
|
26
|
+
}, [h]), !h) return null;
|
|
27
|
+
let k = (e, t) => w((n) => ({
|
|
28
28
|
...n,
|
|
29
29
|
[e]: t
|
|
30
|
-
})),
|
|
31
|
-
|
|
32
|
-
},
|
|
33
|
-
if (
|
|
34
|
-
|
|
30
|
+
})), A = () => {
|
|
31
|
+
T || (O(null), g(!1));
|
|
32
|
+
}, j = C.name.trim() && C.email.trim() && C.phone.trim() && C.address.trim() && C.city.trim() && C.state.trim() && C.country.trim() && C.postalCode.trim(), M = async () => {
|
|
33
|
+
if (j) {
|
|
34
|
+
E(!0), O(null);
|
|
35
35
|
try {
|
|
36
|
-
let e =
|
|
36
|
+
let e = await f({
|
|
37
37
|
gateway: "global",
|
|
38
|
-
query:
|
|
38
|
+
query: p,
|
|
39
39
|
variables: { input: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
40
|
+
organizationId: _,
|
|
41
|
+
carrier: v,
|
|
42
|
+
name: C.name.trim(),
|
|
43
|
+
email: C.email.trim(),
|
|
44
|
+
phone: C.phone.trim(),
|
|
45
|
+
address: C.address.trim(),
|
|
46
|
+
addressLine2: C.addressLine2.trim() || void 0,
|
|
47
|
+
city: C.city.trim(),
|
|
48
|
+
state: C.state.trim(),
|
|
49
|
+
country: C.country.trim(),
|
|
50
|
+
postalCode: C.postalCode.trim()
|
|
50
51
|
} }
|
|
51
52
|
});
|
|
52
|
-
if (
|
|
53
|
-
|
|
53
|
+
if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to register pickup address");
|
|
54
|
+
d(), y(), g(!1);
|
|
54
55
|
} catch (e) {
|
|
55
|
-
|
|
56
|
+
O(e instanceof Error ? e.message : "Failed to register pickup address");
|
|
56
57
|
} finally {
|
|
57
|
-
|
|
58
|
+
E(!1);
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
};
|
|
@@ -64,12 +65,12 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
64
65
|
type: "button",
|
|
65
66
|
"aria-label": "Close register pickup address dialog backdrop",
|
|
66
67
|
className: "absolute inset-0 bg-bg-overlay",
|
|
67
|
-
onClick:
|
|
68
|
+
onClick: A
|
|
68
69
|
}), /* @__PURE__ */ u("div", {
|
|
69
|
-
ref:
|
|
70
|
+
ref: S,
|
|
70
71
|
role: "dialog",
|
|
71
72
|
"aria-modal": "true",
|
|
72
|
-
"aria-labelledby":
|
|
73
|
+
"aria-labelledby": x,
|
|
73
74
|
tabIndex: -1,
|
|
74
75
|
className: "relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-lg bg-bg-surface shadow-xl",
|
|
75
76
|
children: [
|
|
@@ -83,18 +84,18 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
83
84
|
/* @__PURE__ */ u("div", {
|
|
84
85
|
className: "flex-1",
|
|
85
86
|
children: [/* @__PURE__ */ l("h3", {
|
|
86
|
-
id:
|
|
87
|
+
id: x,
|
|
87
88
|
className: "text-lg font-semibold",
|
|
88
|
-
children:
|
|
89
|
+
children: b("devportal.registerPickupAddress", "Pickup Address")
|
|
89
90
|
}), /* @__PURE__ */ l("p", {
|
|
90
91
|
className: "mt-1 text-sm text-text-secondary",
|
|
91
|
-
children:
|
|
92
|
+
children: b("devportal.registerPickupAddressDesc", "This is the real address your physical orders ship from. It's free to register — Shiprocket doesn't charge per pickup point, only per shipment.")
|
|
92
93
|
})]
|
|
93
94
|
}),
|
|
94
95
|
/* @__PURE__ */ l("button", {
|
|
95
96
|
type: "button",
|
|
96
|
-
onClick:
|
|
97
|
-
disabled:
|
|
97
|
+
onClick: A,
|
|
98
|
+
disabled: T,
|
|
98
99
|
className: "rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50",
|
|
99
100
|
children: /* @__PURE__ */ l(c, { className: "h-5 w-5" })
|
|
100
101
|
})
|
|
@@ -104,80 +105,80 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
104
105
|
className: "space-y-4 p-6",
|
|
105
106
|
children: [
|
|
106
107
|
/* @__PURE__ */ l(t, {
|
|
107
|
-
label:
|
|
108
|
-
value:
|
|
109
|
-
onChange: (e) =>
|
|
108
|
+
label: b("devportal.pickupContactName", "Contact name"),
|
|
109
|
+
value: C.name,
|
|
110
|
+
onChange: (e) => k("name", e.target.value),
|
|
110
111
|
required: !0,
|
|
111
|
-
disabled:
|
|
112
|
+
disabled: T
|
|
112
113
|
}),
|
|
113
114
|
/* @__PURE__ */ u("div", {
|
|
114
115
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
|
|
115
116
|
children: [/* @__PURE__ */ l(t, {
|
|
116
|
-
label:
|
|
117
|
+
label: b("devportal.pickupContactEmail", "Contact email"),
|
|
117
118
|
type: "email",
|
|
118
|
-
value:
|
|
119
|
-
onChange: (e) =>
|
|
119
|
+
value: C.email,
|
|
120
|
+
onChange: (e) => k("email", e.target.value),
|
|
120
121
|
required: !0,
|
|
121
|
-
disabled:
|
|
122
|
+
disabled: T
|
|
122
123
|
}), /* @__PURE__ */ l(t, {
|
|
123
|
-
label:
|
|
124
|
+
label: b("devportal.pickupContactPhone", "Contact phone"),
|
|
124
125
|
type: "tel",
|
|
125
|
-
value:
|
|
126
|
-
onChange: (e) =>
|
|
126
|
+
value: C.phone,
|
|
127
|
+
onChange: (e) => k("phone", e.target.value),
|
|
127
128
|
required: !0,
|
|
128
|
-
disabled:
|
|
129
|
+
disabled: T
|
|
129
130
|
})]
|
|
130
131
|
}),
|
|
131
132
|
/* @__PURE__ */ l(t, {
|
|
132
|
-
label:
|
|
133
|
-
value:
|
|
134
|
-
onChange: (e) =>
|
|
133
|
+
label: b("devportal.pickupAddressLine1", "Address"),
|
|
134
|
+
value: C.address,
|
|
135
|
+
onChange: (e) => k("address", e.target.value),
|
|
135
136
|
required: !0,
|
|
136
|
-
disabled:
|
|
137
|
+
disabled: T,
|
|
137
138
|
placeholder: "12 Farm Road",
|
|
138
|
-
hint:
|
|
139
|
+
hint: b("devportal.pickupAddressLine1Hint", "Must include a house/flat/building or road number — our carrier rejects area names alone (e.g. \"Pitampura\" on its own won't work, \"12 Pitampura Road\" will).")
|
|
139
140
|
}),
|
|
140
141
|
/* @__PURE__ */ l(t, {
|
|
141
|
-
label:
|
|
142
|
-
value:
|
|
143
|
-
onChange: (e) =>
|
|
144
|
-
disabled:
|
|
142
|
+
label: b("devportal.pickupAddressLine2", "Apartment, suite, building number, etc. (optional)"),
|
|
143
|
+
value: C.addressLine2,
|
|
144
|
+
onChange: (e) => k("addressLine2", e.target.value),
|
|
145
|
+
disabled: T
|
|
145
146
|
}),
|
|
146
147
|
/* @__PURE__ */ u("div", {
|
|
147
148
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
|
|
148
149
|
children: [/* @__PURE__ */ l(t, {
|
|
149
|
-
label:
|
|
150
|
-
value:
|
|
151
|
-
onChange: (e) =>
|
|
150
|
+
label: b("devportal.pickupCity", "City"),
|
|
151
|
+
value: C.city,
|
|
152
|
+
onChange: (e) => k("city", e.target.value),
|
|
152
153
|
required: !0,
|
|
153
|
-
disabled:
|
|
154
|
+
disabled: T
|
|
154
155
|
}), /* @__PURE__ */ l(t, {
|
|
155
|
-
label:
|
|
156
|
-
value:
|
|
157
|
-
onChange: (e) =>
|
|
156
|
+
label: b("devportal.pickupState", "State"),
|
|
157
|
+
value: C.state,
|
|
158
|
+
onChange: (e) => k("state", e.target.value),
|
|
158
159
|
required: !0,
|
|
159
|
-
disabled:
|
|
160
|
+
disabled: T
|
|
160
161
|
})]
|
|
161
162
|
}),
|
|
162
163
|
/* @__PURE__ */ u("div", {
|
|
163
164
|
className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
|
|
164
165
|
children: [/* @__PURE__ */ l(t, {
|
|
165
|
-
label:
|
|
166
|
-
value:
|
|
167
|
-
onChange: (e) =>
|
|
166
|
+
label: b("devportal.pickupCountry", "Country"),
|
|
167
|
+
value: C.country,
|
|
168
|
+
onChange: (e) => k("country", e.target.value),
|
|
168
169
|
required: !0,
|
|
169
|
-
disabled:
|
|
170
|
+
disabled: T
|
|
170
171
|
}), /* @__PURE__ */ l(t, {
|
|
171
|
-
label:
|
|
172
|
-
value:
|
|
173
|
-
onChange: (e) =>
|
|
172
|
+
label: b("devportal.pickupPincode", "Pincode"),
|
|
173
|
+
value: C.postalCode,
|
|
174
|
+
onChange: (e) => k("postalCode", e.target.value),
|
|
174
175
|
required: !0,
|
|
175
|
-
disabled:
|
|
176
|
+
disabled: T
|
|
176
177
|
})]
|
|
177
178
|
}),
|
|
178
|
-
|
|
179
|
+
D && /* @__PURE__ */ l("p", {
|
|
179
180
|
className: "text-sm text-status-error-text",
|
|
180
|
-
children:
|
|
181
|
+
children: D
|
|
181
182
|
})
|
|
182
183
|
]
|
|
183
184
|
}),
|
|
@@ -185,16 +186,16 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
185
186
|
className: "flex items-center justify-end gap-3 border-t p-6",
|
|
186
187
|
children: [/* @__PURE__ */ l("button", {
|
|
187
188
|
type: "button",
|
|
188
|
-
onClick:
|
|
189
|
-
disabled:
|
|
189
|
+
onClick: A,
|
|
190
|
+
disabled: T,
|
|
190
191
|
className: "rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50",
|
|
191
|
-
children:
|
|
192
|
+
children: b("devportal.cancel", "Cancel")
|
|
192
193
|
}), /* @__PURE__ */ u("button", {
|
|
193
194
|
type: "button",
|
|
194
|
-
onClick: () => void
|
|
195
|
-
disabled:
|
|
195
|
+
onClick: () => void M(),
|
|
196
|
+
disabled: T || !j,
|
|
196
197
|
className: "flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
|
|
197
|
-
children: [
|
|
198
|
+
children: [T && /* @__PURE__ */ l(o, { className: "h-4 w-4 animate-spin" }), b("devportal.registerPickupAddressSubmit", "Save Pickup Address")]
|
|
198
199
|
})]
|
|
199
200
|
})
|
|
200
201
|
]
|
|
@@ -202,6 +203,6 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
202
203
|
});
|
|
203
204
|
};
|
|
204
205
|
//#endregion
|
|
205
|
-
export {
|
|
206
|
+
export { h as RegisterPickupLocationModal };
|
|
206
207
|
|
|
207
208
|
//# sourceMappingURL=RegisterPickupLocationModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegisterPickupLocationModal.js","names":[],"sources":["../../../src/devportal/components/RegisterPickupLocationModal.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type FC } from \"react\";\nimport { Truck, X, Loader2 } from \"lucide-react\";\nimport { graphqlFetch } from \"@burdenoff/fe-libs/shared/graphql\";\nimport { InputField } from \"./FormField\";\nimport { useTr } from \"../utils/i18n\";\n\nconst REGISTER_CARRIER_PICKUP_LOCATION_MUTATION = `\n mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n registerCarrierPickupLocation(input: $input) {\n label\n postalCode\n carrier\n }\n }\n`;\n\ninterface AddressForm {\n name: string;\n email: string;\n phone: string;\n address: string;\n addressLine2: string;\n city: string;\n state: string;\n country: string;\n postalCode: string;\n}\n\nfunction emptyForm(initialPostalCode: string): AddressForm {\n return {\n name: \"\",\n email: \"\",\n phone: \"\",\n address: \"\",\n addressLine2: \"\",\n city: \"\",\n state: \"\",\n country: \"India\",\n postalCode: initialPostalCode,\n };\n}\n\nexport interface RegisterPickupLocationModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /** Pre-fills the pincode field with the org's currently-saved pincode, if\n * any — the seller can still change it here, this is just a starting\n * point, not a fixed value decided elsewhere. */\n initialPostalCode: string;\n /** Which carrier to register with — only carriers that support registration\n * should ever open this modal (currently just \"shiprocket\"). */\n carrier: string;\n /** Called with the pincode that was actually registered, so the caller can\n * persist it as the org's pickup pincode in the same action. */\n onRegistered: (postalCode: string) => void;\n}\n\n/**\n * Lets a seller submit their real pickup address — the ONE way to set up\n * fulfillment, no separate bare-pincode field — and have it registered as a\n * new, bookable location directly with the shipping carrier. A real,\n * permanent write to the carrier's own account (see\n * ShiprocketAdapter.registerPickupLocation), free of charge on Shiprocket's\n * side (no per-address fee — they bill per shipment, not per pickup point).\n * We never maintain our own list of \"valid\" pincodes; whatever address the\n * carrier itself accepts here is supported, full stop.\n */\nexport const RegisterPickupLocationModal: FC<\n RegisterPickupLocationModalProps\n> = ({ open, onOpenChange, initialPostalCode, carrier, onRegistered }) => {\n const tr = useTr();\n const titleId = useId();\n const dialogRef = useRef<HTMLDivElement | null>(null);\n const [form, setForm] = useState<AddressForm>(() =>\n emptyForm(initialPostalCode),\n );\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n // Re-seed the pincode whenever the modal is (re)opened for a different\n // saved value — e.g. opening \"Change pickup address\" after a save.\n useEffect(() => {\n if (open) setForm(emptyForm(initialPostalCode));\n // eslint-disable-next-line react-hooks/exhaustive-deps -- only re-seed on open, not on every initialPostalCode identity change while open\n }, [open]);\n\n if (!open) return null;\n\n const setField = (field: keyof AddressForm, value: string) =>\n setForm((prev) => ({ ...prev, [field]: value }));\n\n const handleClose = () => {\n if (submitting) return;\n setError(null);\n onOpenChange(false);\n };\n\n const canSubmit =\n form.name.trim() &&\n form.email.trim() &&\n form.phone.trim() &&\n form.address.trim() &&\n form.city.trim() &&\n form.state.trim() &&\n form.country.trim() &&\n form.postalCode.trim();\n\n const handleSubmit = async () => {\n if (!canSubmit) return;\n setSubmitting(true);\n setError(null);\n try {\n const postalCode = form.postalCode.trim();\n const result = await graphqlFetch<{\n registerCarrierPickupLocation: {\n label: string;\n postalCode: string;\n carrier: string;\n };\n }>({\n gateway: \"global\",\n query: REGISTER_CARRIER_PICKUP_LOCATION_MUTATION,\n variables: {\n input: {\n carrier,\n name: form.name.trim(),\n email: form.email.trim(),\n phone: form.phone.trim(),\n address: form.address.trim(),\n addressLine2: form.addressLine2.trim() || undefined,\n city: form.city.trim(),\n state: form.state.trim(),\n country: form.country.trim(),\n postalCode,\n },\n },\n });\n if (result.errors?.length) {\n throw new Error(\n result.errors[0]?.message ?? \"Failed to register pickup address\",\n );\n }\n onRegistered(postalCode);\n onOpenChange(false);\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : \"Failed to register pickup address\",\n );\n } finally {\n setSubmitting(false);\n }\n };\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n <button\n type=\"button\"\n aria-label=\"Close register pickup address dialog backdrop\"\n className=\"absolute inset-0 bg-bg-overlay\"\n onClick={handleClose}\n />\n <div\n ref={dialogRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n tabIndex={-1}\n className=\"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-lg bg-bg-surface shadow-xl\"\n >\n <div className=\"flex items-start gap-4 border-b p-6\">\n <div className=\"rounded-full bg-status-info-bg-subtle p-2\">\n <Truck className=\"h-6 w-6 text-status-info-text\" />\n </div>\n <div className=\"flex-1\">\n <h3 id={titleId} className=\"text-lg font-semibold\">\n {tr(\"devportal.registerPickupAddress\", \"Pickup Address\")}\n </h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {tr(\n \"devportal.registerPickupAddressDesc\",\n \"This is the real address your physical orders ship from. It's free to register — Shiprocket doesn't charge per pickup point, only per shipment.\",\n )}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={handleClose}\n disabled={submitting}\n className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n >\n <X className=\"h-5 w-5\" />\n </button>\n </div>\n\n <div className=\"space-y-4 p-6\">\n <InputField\n label={tr(\"devportal.pickupContactName\", \"Contact name\")}\n value={form.name}\n onChange={(e) => setField(\"name\", e.target.value)}\n required\n disabled={submitting}\n />\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <InputField\n label={tr(\"devportal.pickupContactEmail\", \"Contact email\")}\n type=\"email\"\n value={form.email}\n onChange={(e) => setField(\"email\", e.target.value)}\n required\n disabled={submitting}\n />\n <InputField\n label={tr(\"devportal.pickupContactPhone\", \"Contact phone\")}\n type=\"tel\"\n value={form.phone}\n onChange={(e) => setField(\"phone\", e.target.value)}\n required\n disabled={submitting}\n />\n </div>\n <InputField\n label={tr(\"devportal.pickupAddressLine1\", \"Address\")}\n value={form.address}\n onChange={(e) => setField(\"address\", e.target.value)}\n required\n disabled={submitting}\n placeholder=\"12 Farm Road\"\n hint={tr(\n \"devportal.pickupAddressLine1Hint\",\n 'Must include a house/flat/building or road number — our carrier rejects area names alone (e.g. \"Pitampura\" on its own won\\'t work, \"12 Pitampura Road\" will).',\n )}\n />\n <InputField\n label={tr(\n \"devportal.pickupAddressLine2\",\n \"Apartment, suite, building number, etc. (optional)\",\n )}\n value={form.addressLine2}\n onChange={(e) => setField(\"addressLine2\", e.target.value)}\n disabled={submitting}\n />\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <InputField\n label={tr(\"devportal.pickupCity\", \"City\")}\n value={form.city}\n onChange={(e) => setField(\"city\", e.target.value)}\n required\n disabled={submitting}\n />\n <InputField\n label={tr(\"devportal.pickupState\", \"State\")}\n value={form.state}\n onChange={(e) => setField(\"state\", e.target.value)}\n required\n disabled={submitting}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <InputField\n label={tr(\"devportal.pickupCountry\", \"Country\")}\n value={form.country}\n onChange={(e) => setField(\"country\", e.target.value)}\n required\n disabled={submitting}\n />\n <InputField\n label={tr(\"devportal.pickupPincode\", \"Pincode\")}\n value={form.postalCode}\n onChange={(e) => setField(\"postalCode\", e.target.value)}\n required\n disabled={submitting}\n />\n </div>\n\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n </div>\n\n <div className=\"flex items-center justify-end gap-3 border-t p-6\">\n <button\n type=\"button\"\n onClick={handleClose}\n disabled={submitting}\n className=\"rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n onClick={() => void handleSubmit()}\n disabled={submitting || !canSubmit}\n className=\"flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {submitting && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n {tr(\"devportal.registerPickupAddressSubmit\", \"Save Pickup Address\")}\n </button>\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAMA,IAAM,IAA4C;AAsBlD,SAAS,EAAU,GAAwC;AACzD,QAAO;EACL,MAAM;EACN,OAAO;EACP,OAAO;EACP,SAAS;EACT,cAAc;EACd,MAAM;EACN,OAAO;EACP,SAAS;EACT,YAAY;EACb;;AA4BH,IAAa,KAER,EAAE,SAAM,iBAAc,sBAAmB,YAAS,sBAAmB;CACxE,IAAM,IAAK,GAAO,EACZ,IAAU,GAAO,EACjB,IAAY,EAA8B,KAAK,EAC/C,CAAC,GAAM,KAAW,QACtB,EAAU,EAAkB,CAC7B,EACK,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAO,KAAY,EAAwB,KAAK;AASvD,KALA,QAAgB;AACd,EAAI,KAAM,EAAQ,EAAU,EAAkB,CAAC;IAE9C,CAAC,EAAK,CAAC,EAEN,CAAC,EAAM,QAAO;CAElB,IAAM,KAAY,GAA0B,MAC1C,GAAS,OAAU;EAAE,GAAG;GAAO,IAAQ;EAAO,EAAE,EAE5C,UAAoB;AACpB,QACJ,EAAS,KAAK,EACd,EAAa,GAAM;IAGf,IACJ,EAAK,KAAK,MAAM,IAChB,EAAK,MAAM,MAAM,IACjB,EAAK,MAAM,MAAM,IACjB,EAAK,QAAQ,MAAM,IACnB,EAAK,KAAK,MAAM,IAChB,EAAK,MAAM,MAAM,IACjB,EAAK,QAAQ,MAAM,IACnB,EAAK,WAAW,MAAM,EAElB,IAAe,YAAY;AAC1B,SAEL;GADA,EAAc,GAAK,EACnB,EAAS,KAAK;AACd,OAAI;IACF,IAAM,IAAa,EAAK,WAAW,MAAM,EACnC,IAAS,MAAM,EAMlB;KACD,SAAS;KACT,OAAO;KACP,WAAW,EACT,OAAO;MACL;MACA,MAAM,EAAK,KAAK,MAAM;MACtB,OAAO,EAAK,MAAM,MAAM;MACxB,OAAO,EAAK,MAAM,MAAM;MACxB,SAAS,EAAK,QAAQ,MAAM;MAC5B,cAAc,EAAK,aAAa,MAAM,IAAI,KAAA;MAC1C,MAAM,EAAK,KAAK,MAAM;MACtB,OAAO,EAAK,MAAM,MAAM;MACxB,SAAS,EAAK,QAAQ,MAAM;MAC5B;MACD,EACF;KACF,CAAC;AACF,QAAI,EAAO,QAAQ,OACjB,OAAU,MACR,EAAO,OAAO,IAAI,WAAW,oCAC9B;AAGH,IADA,EAAa,EAAW,EACxB,EAAa,GAAM;YACZ,GAAK;AACZ,MACE,aAAe,QACX,EAAI,UACJ,oCACL;aACO;AACR,MAAc,GAAM;;;;AAIxB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,WAAU;GACV,SAAS;GACT,CAAA,EACF,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,UAAU;GACV,WAAU;aANZ;IAQE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAO,WAAU,iCAAkC,CAAA;OAC/C,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,IAAI;QAAS,WAAU;kBACxB,EAAG,mCAAmC,iBAAiB;QACrD,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,uCACA,kJACD;QACC,CAAA,CACA;;MACN,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;OAClB,CAAA;MACL;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,OAAO,EAAG,+BAA+B,eAAe;OACxD,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,QAAQ,EAAE,OAAO,MAAM;OACjD,UAAA;OACA,UAAU;OACV,CAAA;MACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,OAAO,EAAG,gCAAgC,gBAAgB;QAC1D,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,SAAS,EAAE,OAAO,MAAM;QAClD,UAAA;QACA,UAAU;QACV,CAAA,EACF,kBAAC,GAAD;QACE,OAAO,EAAG,gCAAgC,gBAAgB;QAC1D,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,SAAS,EAAE,OAAO,MAAM;QAClD,UAAA;QACA,UAAU;QACV,CAAA,CACE;;MACN,kBAAC,GAAD;OACE,OAAO,EAAG,gCAAgC,UAAU;OACpD,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,WAAW,EAAE,OAAO,MAAM;OACpD,UAAA;OACA,UAAU;OACV,aAAY;OACZ,MAAM,EACJ,oCACA,mKACD;OACD,CAAA;MACF,kBAAC,GAAD;OACE,OAAO,EACL,gCACA,qDACD;OACD,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,gBAAgB,EAAE,OAAO,MAAM;OACzD,UAAU;OACV,CAAA;MACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,OAAO,EAAG,wBAAwB,OAAO;QACzC,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,QAAQ,EAAE,OAAO,MAAM;QACjD,UAAA;QACA,UAAU;QACV,CAAA,EACF,kBAAC,GAAD;QACE,OAAO,EAAG,yBAAyB,QAAQ;QAC3C,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,SAAS,EAAE,OAAO,MAAM;QAClD,UAAA;QACA,UAAU;QACV,CAAA,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,OAAO,EAAG,2BAA2B,UAAU;QAC/C,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,WAAW,EAAE,OAAO,MAAM;QACpD,UAAA;QACA,UAAU;QACV,CAAA,EACF,kBAAC,GAAD;QACE,OAAO,EAAG,2BAA2B,UAAU;QAC/C,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,cAAc,EAAE,OAAO,MAAM;QACvD,UAAA;QACA,UAAU;QACV,CAAA,CACE;;MAEL,KAAS,kBAAC,KAAD;OAAG,WAAU;iBAAkC;OAAU,CAAA;MAC/D;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAU;gBAET,EAAG,oBAAoB,SAAS;MAC1B,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,KAAK,GAAc;MAClC,UAAU,KAAc,CAAC;MACzB,WAAU;gBAJZ,CAMG,KAAc,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAC1D,EAAG,yCAAyC,sBAAsB,CAC5D;QACL;;IACF;KACF"}
|
|
1
|
+
{"version":3,"file":"RegisterPickupLocationModal.js","names":[],"sources":["../../../src/devportal/components/RegisterPickupLocationModal.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type FC } from \"react\";\nimport { Truck, X, Loader2 } from \"lucide-react\";\nimport {\n graphqlFetch,\n clearGraphqlFetchResponseCache,\n} from \"@burdenoff/fe-libs/shared/graphql\";\nimport { InputField } from \"./FormField\";\nimport { useTr } from \"../utils/i18n\";\n\nconst REGISTER_CARRIER_PICKUP_LOCATION_MUTATION = `\n mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n registerCarrierPickupLocation(input: $input) {\n label\n postalCode\n carrier\n }\n }\n`;\n\ninterface AddressForm {\n name: string;\n email: string;\n phone: string;\n address: string;\n addressLine2: string;\n city: string;\n state: string;\n country: string;\n postalCode: string;\n}\n\nfunction emptyForm(): AddressForm {\n return {\n name: \"\",\n email: \"\",\n phone: \"\",\n address: \"\",\n addressLine2: \"\",\n city: \"\",\n state: \"\",\n country: \"India\",\n postalCode: \"\",\n };\n}\n\nexport interface RegisterPickupLocationModalProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /** The org this address is being added for. */\n organizationId: string;\n /** Which carrier to register with — only carriers that support registration\n * should ever open this modal (currently just \"shiprocket\"). */\n carrier: string;\n /** Called once the address was successfully registered and saved — the\n * caller should refetch its address list rather than track a single value,\n * since an org can now have several. */\n onRegistered: () => void;\n}\n\n/**\n * Lets a seller submit a real pickup address and have it registered as a\n * new, bookable location directly with the shipping carrier — an org can\n * add several of these and pick one as active (see\n * OrganizationDetailPage's Fulfillment section). A real, permanent write to\n * the carrier's own account (see ShiprocketAdapter.registerPickupLocation),\n * free of charge on Shiprocket's side (no per-address fee — they bill per\n * shipment, not per pickup point). We never maintain our own list of\n * \"valid\" pincodes; whatever address the carrier itself accepts here is\n * supported, full stop.\n */\nexport const RegisterPickupLocationModal: FC<\n RegisterPickupLocationModalProps\n> = ({ open, onOpenChange, organizationId, carrier, onRegistered }) => {\n const tr = useTr();\n const titleId = useId();\n const dialogRef = useRef<HTMLDivElement | null>(null);\n const [form, setForm] = useState<AddressForm>(emptyForm);\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n // Reset to a blank form every time the modal is (re)opened.\n useEffect(() => {\n if (open) setForm(emptyForm());\n }, [open]);\n\n if (!open) return null;\n\n const setField = (field: keyof AddressForm, value: string) =>\n setForm((prev) => ({ ...prev, [field]: value }));\n\n const handleClose = () => {\n if (submitting) return;\n setError(null);\n onOpenChange(false);\n };\n\n const canSubmit =\n form.name.trim() &&\n form.email.trim() &&\n form.phone.trim() &&\n form.address.trim() &&\n form.city.trim() &&\n form.state.trim() &&\n form.country.trim() &&\n form.postalCode.trim();\n\n const handleSubmit = async () => {\n if (!canSubmit) return;\n setSubmitting(true);\n setError(null);\n try {\n const result = await graphqlFetch<{\n registerCarrierPickupLocation: {\n label: string;\n postalCode: string;\n carrier: string;\n };\n }>({\n gateway: \"global\",\n query: REGISTER_CARRIER_PICKUP_LOCATION_MUTATION,\n variables: {\n input: {\n organizationId,\n carrier,\n name: form.name.trim(),\n email: form.email.trim(),\n phone: form.phone.trim(),\n address: form.address.trim(),\n addressLine2: form.addressLine2.trim() || undefined,\n city: form.city.trim(),\n state: form.state.trim(),\n country: form.country.trim(),\n postalCode: form.postalCode.trim(),\n },\n },\n });\n if (result.errors?.length) {\n throw new Error(\n result.errors[0]?.message ?? \"Failed to register pickup address\",\n );\n }\n // The follow-up pickupAddresses refetch uses the exact same\n // query+variables as the initial load — without clearing this,\n // graphqlFetch's short-lived response cache would serve the\n // pre-registration list back, hiding the new address until reload.\n clearGraphqlFetchResponseCache();\n onRegistered();\n onOpenChange(false);\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : \"Failed to register pickup address\",\n );\n } finally {\n setSubmitting(false);\n }\n };\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n <button\n type=\"button\"\n aria-label=\"Close register pickup address dialog backdrop\"\n className=\"absolute inset-0 bg-bg-overlay\"\n onClick={handleClose}\n />\n <div\n ref={dialogRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n tabIndex={-1}\n className=\"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-lg bg-bg-surface shadow-xl\"\n >\n <div className=\"flex items-start gap-4 border-b p-6\">\n <div className=\"rounded-full bg-status-info-bg-subtle p-2\">\n <Truck className=\"h-6 w-6 text-status-info-text\" />\n </div>\n <div className=\"flex-1\">\n <h3 id={titleId} className=\"text-lg font-semibold\">\n {tr(\"devportal.registerPickupAddress\", \"Pickup Address\")}\n </h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {tr(\n \"devportal.registerPickupAddressDesc\",\n \"This is the real address your physical orders ship from. It's free to register — Shiprocket doesn't charge per pickup point, only per shipment.\",\n )}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={handleClose}\n disabled={submitting}\n className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n >\n <X className=\"h-5 w-5\" />\n </button>\n </div>\n\n <div className=\"space-y-4 p-6\">\n <InputField\n label={tr(\"devportal.pickupContactName\", \"Contact name\")}\n value={form.name}\n onChange={(e) => setField(\"name\", e.target.value)}\n required\n disabled={submitting}\n />\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <InputField\n label={tr(\"devportal.pickupContactEmail\", \"Contact email\")}\n type=\"email\"\n value={form.email}\n onChange={(e) => setField(\"email\", e.target.value)}\n required\n disabled={submitting}\n />\n <InputField\n label={tr(\"devportal.pickupContactPhone\", \"Contact phone\")}\n type=\"tel\"\n value={form.phone}\n onChange={(e) => setField(\"phone\", e.target.value)}\n required\n disabled={submitting}\n />\n </div>\n <InputField\n label={tr(\"devportal.pickupAddressLine1\", \"Address\")}\n value={form.address}\n onChange={(e) => setField(\"address\", e.target.value)}\n required\n disabled={submitting}\n placeholder=\"12 Farm Road\"\n hint={tr(\n \"devportal.pickupAddressLine1Hint\",\n 'Must include a house/flat/building or road number — our carrier rejects area names alone (e.g. \"Pitampura\" on its own won\\'t work, \"12 Pitampura Road\" will).',\n )}\n />\n <InputField\n label={tr(\n \"devportal.pickupAddressLine2\",\n \"Apartment, suite, building number, etc. (optional)\",\n )}\n value={form.addressLine2}\n onChange={(e) => setField(\"addressLine2\", e.target.value)}\n disabled={submitting}\n />\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <InputField\n label={tr(\"devportal.pickupCity\", \"City\")}\n value={form.city}\n onChange={(e) => setField(\"city\", e.target.value)}\n required\n disabled={submitting}\n />\n <InputField\n label={tr(\"devportal.pickupState\", \"State\")}\n value={form.state}\n onChange={(e) => setField(\"state\", e.target.value)}\n required\n disabled={submitting}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <InputField\n label={tr(\"devportal.pickupCountry\", \"Country\")}\n value={form.country}\n onChange={(e) => setField(\"country\", e.target.value)}\n required\n disabled={submitting}\n />\n <InputField\n label={tr(\"devportal.pickupPincode\", \"Pincode\")}\n value={form.postalCode}\n onChange={(e) => setField(\"postalCode\", e.target.value)}\n required\n disabled={submitting}\n />\n </div>\n\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n </div>\n\n <div className=\"flex items-center justify-end gap-3 border-t p-6\">\n <button\n type=\"button\"\n onClick={handleClose}\n disabled={submitting}\n className=\"rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n onClick={() => void handleSubmit()}\n disabled={submitting || !canSubmit}\n className=\"flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {submitting && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n {tr(\"devportal.registerPickupAddressSubmit\", \"Save Pickup Address\")}\n </button>\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A real, carrier-registered pickup/warehouse address belonging to a
|
|
3
|
+
* specific developer organization. An org can have several; exactly one
|
|
4
|
+
* is `isDefault` — that's the one used for carrier rate quoting and
|
|
5
|
+
* shipment booking (see global-devportal-svc's DeveloperOrgPickupAddress /
|
|
6
|
+
* organizationPickupPostalCode).
|
|
7
|
+
*/
|
|
8
|
+
export interface OrganizationPickupAddress {
|
|
9
|
+
id: string;
|
|
10
|
+
carrier: string;
|
|
11
|
+
carrierLocationLabel: string;
|
|
12
|
+
name: string;
|
|
13
|
+
email: string;
|
|
14
|
+
phone: string;
|
|
15
|
+
address: string;
|
|
16
|
+
addressLine2: string | null;
|
|
17
|
+
city: string;
|
|
18
|
+
state: string;
|
|
19
|
+
country: string;
|
|
20
|
+
postalCode: string;
|
|
21
|
+
isDefault: boolean;
|
|
22
|
+
}
|
|
23
|
+
export interface UseOrganizationPickupAddressesResult {
|
|
24
|
+
addresses: OrganizationPickupAddress[];
|
|
25
|
+
loading: boolean;
|
|
26
|
+
/** Re-run the query — e.g. after registering, switching, or removing an
|
|
27
|
+
* address, so the list reflects the change without a full page reload. */
|
|
28
|
+
refetch: () => void;
|
|
29
|
+
}
|
|
30
|
+
export declare function useOrganizationPickupAddresses(organizationId: string | undefined): UseOrganizationPickupAddressesResult;
|
|
31
|
+
//# sourceMappingURL=useOrganizationPickupAddresses.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOrganizationPickupAddresses.d.ts","sourceRoot":"","sources":["../../../src/devportal/hooks/useOrganizationPickupAddresses.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAyBD,MAAM,WAAW,oCAAoC;IACnD,SAAS,EAAE,yBAAyB,EAAE,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB;8EAC0E;IAC1E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,MAAM,GAAG,SAAS,GACjC,oCAAoC,CA0CtC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
|
|
2
|
+
import { graphqlFetch as i } from "@burdenoff/fe-libs/shared/graphql";
|
|
3
|
+
//#region src/devportal/hooks/useOrganizationPickupAddresses.ts
|
|
4
|
+
var a = "\n query DevportalOrganizationPickupAddresses($id: ID!) {\n developerOrganization(id: $id) {\n id\n pickupAddresses {\n id\n carrier\n carrierLocationLabel\n name\n email\n phone\n address\n addressLine2\n city\n state\n country\n postalCode\n isDefault\n }\n }\n }\n";
|
|
5
|
+
function o(o) {
|
|
6
|
+
let [s, c] = r([]), [l, u] = r(!0), d = n(!1), f = e(() => {
|
|
7
|
+
if (!o) {
|
|
8
|
+
c([]), u(!1);
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
u(!0), i({
|
|
12
|
+
gateway: "global",
|
|
13
|
+
query: a,
|
|
14
|
+
variables: { id: o }
|
|
15
|
+
}).then((e) => {
|
|
16
|
+
d.current || c(e.data?.developerOrganization?.pickupAddresses ?? []);
|
|
17
|
+
}).catch(() => {
|
|
18
|
+
d.current || c([]);
|
|
19
|
+
}).finally(() => {
|
|
20
|
+
d.current || u(!1);
|
|
21
|
+
});
|
|
22
|
+
}, [o]);
|
|
23
|
+
return t(() => (d.current = !1, f(), () => {
|
|
24
|
+
d.current = !0;
|
|
25
|
+
}), [f]), {
|
|
26
|
+
addresses: s,
|
|
27
|
+
loading: l,
|
|
28
|
+
refetch: f
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
//#endregion
|
|
32
|
+
export { o as useOrganizationPickupAddresses };
|
|
33
|
+
|
|
34
|
+
//# sourceMappingURL=useOrganizationPickupAddresses.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOrganizationPickupAddresses.js","names":[],"sources":["../../../src/devportal/hooks/useOrganizationPickupAddresses.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { graphqlFetch } from \"@burdenoff/fe-libs/shared/graphql\";\n\n/**\n * A real, carrier-registered pickup/warehouse address belonging to a\n * specific developer organization. An org can have several; exactly one\n * is `isDefault` — that's the one used for carrier rate quoting and\n * shipment booking (see global-devportal-svc's DeveloperOrgPickupAddress /\n * organizationPickupPostalCode).\n */\nexport interface OrganizationPickupAddress {\n id: string;\n carrier: string;\n carrierLocationLabel: string;\n name: string;\n email: string;\n phone: string;\n address: string;\n addressLine2: string | null;\n city: string;\n state: string;\n country: string;\n postalCode: string;\n isDefault: boolean;\n}\n\nconst ORGANIZATION_PICKUP_ADDRESSES_QUERY = `\n query DevportalOrganizationPickupAddresses($id: ID!) {\n developerOrganization(id: $id) {\n id\n pickupAddresses {\n id\n carrier\n carrierLocationLabel\n name\n email\n phone\n address\n addressLine2\n city\n state\n country\n postalCode\n isDefault\n }\n }\n }\n`;\n\nexport interface UseOrganizationPickupAddressesResult {\n addresses: OrganizationPickupAddress[];\n loading: boolean;\n /** Re-run the query — e.g. after registering, switching, or removing an\n * address, so the list reflects the change without a full page reload. */\n refetch: () => void;\n}\n\nexport function useOrganizationPickupAddresses(\n organizationId: string | undefined,\n): UseOrganizationPickupAddressesResult {\n const [addresses, setAddresses] = useState<OrganizationPickupAddress[]>([]);\n const [loading, setLoading] = useState(true);\n const cancelledRef = useRef(false);\n\n const load = useCallback(() => {\n if (!organizationId) {\n setAddresses([]);\n setLoading(false);\n return;\n }\n setLoading(true);\n graphqlFetch<{\n developerOrganization: {\n pickupAddresses: OrganizationPickupAddress[];\n } | null;\n }>({\n gateway: \"global\",\n query: ORGANIZATION_PICKUP_ADDRESSES_QUERY,\n variables: { id: organizationId },\n })\n .then((result) => {\n if (cancelledRef.current) return;\n setAddresses(result.data?.developerOrganization?.pickupAddresses ?? []);\n })\n .catch(() => {\n if (!cancelledRef.current) setAddresses([]);\n })\n .finally(() => {\n if (!cancelledRef.current) setLoading(false);\n });\n }, [organizationId]);\n\n useEffect(() => {\n cancelledRef.current = false;\n load();\n return () => {\n cancelledRef.current = true;\n };\n }, [load]);\n\n return { addresses, loading, refetch: load };\n}\n"],"mappings":";;;AA0BA,IAAM,IAAsC;AA+B5C,SAAgB,EACd,GACsC;CACtC,IAAM,CAAC,GAAW,KAAgB,EAAsC,EAAE,CAAC,EACrE,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,IAAe,EAAO,GAAM,EAE5B,IAAO,QAAkB;AAC7B,MAAI,CAAC,GAAgB;AAEnB,GADA,EAAa,EAAE,CAAC,EAChB,EAAW,GAAM;AACjB;;AAGF,EADA,EAAW,GAAK,EAChB,EAIG;GACD,SAAS;GACT,OAAO;GACP,WAAW,EAAE,IAAI,GAAgB;GAClC,CAAC,CACC,MAAM,MAAW;AACZ,KAAa,WACjB,EAAa,EAAO,MAAM,uBAAuB,mBAAmB,EAAE,CAAC;IACvE,CACD,YAAY;AACX,GAAK,EAAa,WAAS,EAAa,EAAE,CAAC;IAC3C,CACD,cAAc;AACb,GAAK,EAAa,WAAS,EAAW,GAAM;IAC5C;IACH,CAAC,EAAe,CAAC;AAUpB,QARA,SACE,EAAa,UAAU,IACvB,GAAM,QACO;AACX,IAAa,UAAU;KAExB,CAAC,EAAK,CAAC,EAEH;EAAE;EAAW;EAAS,SAAS;EAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA6ChC;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,EA8jBpC,CAAC"}
|