@burdenoff/microfe-devportal 2026.915.7 → 2026.915.8
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 +10 -9
- 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 +517 -478
- 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;AA0CpE,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC
|
|
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;AA0CpE,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,CAqOjC,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
|
6
6
|
import { graphqlFetch as d } from "@burdenoff/fe-libs/shared/graphql";
|
|
7
7
|
//#region src/devportal/components/RegisterPickupLocationModal.tsx
|
|
8
8
|
var f = "\n mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n registerCarrierPickupLocation(input: $input) {\n label\n postalCode\n carrier\n }\n }\n";
|
|
9
|
-
function p(
|
|
9
|
+
function p() {
|
|
10
10
|
return {
|
|
11
11
|
name: "",
|
|
12
12
|
email: "",
|
|
@@ -16,13 +16,13 @@ function p(e) {
|
|
|
16
16
|
city: "",
|
|
17
17
|
state: "",
|
|
18
18
|
country: "India",
|
|
19
|
-
postalCode:
|
|
19
|
+
postalCode: ""
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
var m = ({ open: m, onOpenChange: h,
|
|
23
|
-
let y = e(), b = r(), x = i(null), [S, C] = a(
|
|
22
|
+
var m = ({ open: m, onOpenChange: h, organizationId: g, carrier: _, onRegistered: v }) => {
|
|
23
|
+
let y = e(), b = r(), x = i(null), [S, C] = a(p), [w, T] = a(!1), [E, D] = a(null);
|
|
24
24
|
if (n(() => {
|
|
25
|
-
m && C(p(
|
|
25
|
+
m && C(p());
|
|
26
26
|
}, [m]), !m) return null;
|
|
27
27
|
let O = (e, t) => C((n) => ({
|
|
28
28
|
...n,
|
|
@@ -33,10 +33,11 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
33
33
|
if (A) {
|
|
34
34
|
T(!0), D(null);
|
|
35
35
|
try {
|
|
36
|
-
let e =
|
|
36
|
+
let e = await d({
|
|
37
37
|
gateway: "global",
|
|
38
38
|
query: f,
|
|
39
39
|
variables: { input: {
|
|
40
|
+
organizationId: g,
|
|
40
41
|
carrier: _,
|
|
41
42
|
name: S.name.trim(),
|
|
42
43
|
email: S.email.trim(),
|
|
@@ -46,11 +47,11 @@ var m = ({ open: m, onOpenChange: h, initialPostalCode: g, carrier: _, onRegiste
|
|
|
46
47
|
city: S.city.trim(),
|
|
47
48
|
state: S.state.trim(),
|
|
48
49
|
country: S.country.trim(),
|
|
49
|
-
postalCode:
|
|
50
|
+
postalCode: S.postalCode.trim()
|
|
50
51
|
} }
|
|
51
52
|
});
|
|
52
|
-
if (
|
|
53
|
-
v(
|
|
53
|
+
if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to register pickup address");
|
|
54
|
+
v(), h(!1);
|
|
54
55
|
} catch (e) {
|
|
55
56
|
D(e instanceof Error ? e.message : "Failed to register pickup address");
|
|
56
57
|
} finally {
|
|
@@ -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":"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"}
|
|
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(): 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 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"}
|