@shipengine/elements 2.23.0 → 2.25.0

package/dist/esm/features/manage-carriers/manage-carriers.js

@@ -0,0 +1,190 @@
+import { __awaiter } from '../../_virtual/_tslib.js';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { useBlackboxDetection } from '../../hooks/use-black-box-detection.js';
+import { InlineNotification, NotificationType } from '@shipengine/giger';
+import { useListFundingSources, useListWarehouses, useRegisterCarrier } from '@shipengine/react-api';
+import { encode } from 'js-base64';
+import { useState, useMemo, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styles } from './manage-carriers.styles.js';
+import { useListFundingSourceCarriers } from './hooks/use-list-funding-source-carriers.js';
+import { SkeletonCarrierRow } from '../../components/skeleton/skeleton-carrier-row.js';
+import { ManageFunding } from '../manage-funding/manage-funding.js';
+import { ManageCarriersRow } from './manage-carriers-row/manage-carriers-row.js';
+import { ManageInsuranceProviderRow } from './manage-insurance-provider-row/manage-insurance-provider-row.js';
+import { useElements } from '../../elements-provider/elements-context-provider.js';
+import { ZeroState } from '../../components/zero-state/zero-state.js';
+import { Spacer } from '../../components/spacer/spacer.js';
+
+const ShipEngineCarriers = ({
+  showFunds,
+  onRedirectToOnboarding,
+  addFunds,
+  addFundsError
+}) => {
+  var _a;
+  const {
+    globalFeatures
+  } = useElements();
+  const {
+    t
+  } = useTranslation();
+  const [carrierToConnect, setCarrierToConnect] = useState();
+  const {
+    data: fundingSources
+  } = useListFundingSources();
+  const {
+    data: fundingSourceCarriers,
+    error: listCarriersErrors,
+    isLoading,
+    insuranceProviderProfiles,
+    refetch: refetchCarriers,
+    refetchInsuranceProviderAcceptedTerms
+  } = useListFundingSourceCarriers();
+  const hasConnectedCarriers = useMemo(() => fundingSourceCarriers === null || fundingSourceCarriers === void 0 ? void 0 : fundingSourceCarriers.some(c => c.isConnected), [fundingSourceCarriers]);
+  const {
+    data: warehouses
+  } = useListWarehouses();
+  const defaultWarehouse = useMemo(() => {
+    var _a;
+    return (_a = warehouses === null || warehouses === void 0 ? void 0 : warehouses.find(w => w.isDefault)) !== null && _a !== void 0 ? _a : warehouses === null || warehouses === void 0 ? void 0 : warehouses[0];
+  }, [warehouses]);
+  const {
+    error: registerCarrierErrors,
+    mutateAsync: registerCarrier
+  } = useRegisterCarrier();
+  const fundingSourceId = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) === null || _a === void 0 ? void 0 : _a.fundingSourceId;
+  const [iovationBlackBox, setIovationBlackBox] = useState();
+  const [iovationBlackBoxErrors, setIovationBlackBoxErrors] = useState();
+  useBlackboxDetection({
+    onError: useCallback(() => {
+      setIovationBlackBoxErrors(errors => {
+        const blackBoxError = {
+          errorCode: "unspecified",
+          errorSource: "client",
+          errorType: "unknown",
+          message: t("register-wallet:sections.notifications.blackBox.description")
+        };
+        return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
+      });
+    }, [t]),
+    onSuccess: useCallback(bb => setIovationBlackBox(bb), [])
+  });
+  const codedErrors = useMemo(() => {
+    return [...(listCarriersErrors !== null && listCarriersErrors !== void 0 ? listCarriersErrors : []), ...(registerCarrierErrors !== null && registerCarrierErrors !== void 0 ? registerCarrierErrors : []), ...(iovationBlackBoxErrors !== null && iovationBlackBoxErrors !== void 0 ? iovationBlackBoxErrors : [])];
+  }, [listCarriersErrors, registerCarrierErrors, iovationBlackBoxErrors]);
+  const handleRegistration = useCallback(args => __awaiter(void 0, void 0, void 0, function* () {
+    let attachmentResult;
+    try {
+      attachmentResult = yield registerCarrier(Object.assign({}, args));
+    } catch (error) {
+      console.error(error);
+    }
+    if (args.insuranceProviders) {
+      yield refetchInsuranceProviderAcceptedTerms();
+    } else {
+      yield refetchCarriers();
+    }
+    return attachmentResult;
+  }), [refetchCarriers, refetchInsuranceProviderAcceptedTerms, registerCarrier]);
+  const handleAddFunds = useCallback(payload => __awaiter(void 0, void 0, void 0, function* () {
+    yield addFunds({
+      // We need to stop doing this `?? ""`
+      fundingSourceId: fundingSourceId !== null && fundingSourceId !== void 0 ? fundingSourceId : "",
+      funds: payload
+    });
+  }), [addFunds, fundingSourceId]);
+  const enabledCarriers = fundingSourceCarriers === null || fundingSourceCarriers === void 0 ? void 0 : fundingSourceCarriers.filter(carrier => {
+    var _a;
+    return carrier.carrier.carrierProfile.carrierCode === "stamps_com" || ((_a = globalFeatures.enabledShipEngineCarriers) === null || _a === void 0 ? void 0 : _a.includes(carrier.carrier.carrierProfile.carrierCode));
+  });
+  const handleRegisterProvider = useCallback(p => __awaiter(void 0, void 0, void 0, function* () {
+    return yield handleRegistration({
+      insuranceProviders: [{
+        acceptedTerms: [{
+          termType: p.terms.termType,
+          version: p.terms.version
+        }],
+        agreeToTerms: true,
+        fundingSourceId: fundingSourceId !== null && fundingSourceId !== void 0 ? fundingSourceId : "",
+        provider: p.provider
+      }]
+    });
+  }), [handleRegistration, fundingSourceId]);
+  if (!fundingSources || fundingSources.length === 0) return onRedirectToOnboarding ? jsx(ZeroState, {
+    description: t("account-settings:messages.noFundingSourceDescription", {
+      section: "ShipEngine Carriers"
+    }),
+    showLinkAction: {
+      icon: "add",
+      onClick: () => onRedirectToOnboarding(),
+      title: t("account-settings:messages.noFundingSourceAction")
+    }
+  }) : jsx(ZeroState, {
+    description: t("account-settings:messages.noFundingSourceDescription", {
+      section: "ShipEngine Carriers"
+    })
+  });
+  return jsxs(Fragment, {
+    children: [!isLoading && !!(codedErrors === null || codedErrors === void 0 ? void 0 : codedErrors.length) && jsxs(Fragment, {
+      children: [jsx("div", {
+        "data-testid": "loading-error",
+        children: jsx(InlineNotification, {
+          title: t("register-carrier:notifications.error.title"),
+          type: NotificationType.ERROR,
+          children: codedErrors.map(e => t(encode(e.message), {
+            defaultValue: e.message
+          })).join(" ")
+        })
+      }), jsx(Spacer, {})]
+    }), jsx("ul", {
+      css: styles.carriersList,
+      "data-testid": "carriers-list",
+      children: isLoading ? jsxs(Fragment, {
+        children: [jsx(SkeletonCarrierRow, {}), jsx(SkeletonCarrierRow, {}), jsx(SkeletonCarrierRow, {})]
+      }) : jsxs(Fragment, {
+        children: [showFunds && hasConnectedCarriers && jsx("li", {
+          children: jsx("div", {
+            css: {
+              padding: "16px"
+            },
+            children: jsx(ManageFunding, {
+              addFunds: handleAddFunds,
+              addFundsError: addFundsError,
+              fundingSource: fundingSources[0]
+            })
+          })
+        }), enabledCarriers === null || enabledCarriers === void 0 ? void 0 : enabledCarriers.map(carrier => jsx("li", {
+          children: jsx(ManageCarriersRow, {
+            address: defaultWarehouse === null || defaultWarehouse === void 0 ? void 0 : defaultWarehouse.originAddress,
+            carrierToConnect: carrierToConnect,
+            fundingSourceCarrier: carrier,
+            registerCarrier: values => __awaiter(void 0, void 0, void 0, function* () {
+              var _a;
+              yield handleRegistration({
+                carriers: [Object.assign(Object.assign({}, values), {
+                  acceptedTerms: carrier.carrier.carrierProfile.requiredTerms.map(term => ({
+                    termType: term.termType,
+                    version: term.version
+                  })),
+                  agreeToTerms: (_a = values === null || values === void 0 ? void 0 : values.agreeToTerms) !== null && _a !== void 0 ? _a : false,
+                  carrierCode: carrier.carrier.carrierProfile.carrierCode,
+                  fundingSourceId: fundingSourceId !== null && fundingSourceId !== void 0 ? fundingSourceId : "",
+                  iovationBlackBox: iovationBlackBox !== null && iovationBlackBox !== void 0 ? iovationBlackBox : ""
+                })]
+              });
+            }),
+            setCarrierToConnect: setCarrierToConnect
+          })
+        }, carrier.carrier.carrierProfile.carrierCode)), globalFeatures.enableParcelGuard && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => jsx("li", {
+          children: jsx(ManageInsuranceProviderRow, {
+            insuranceProviderProfile: p,
+            registerProvider: handleRegisterProvider
+          })
+        }, p.terms.termType)))]
+      })
+    })]
+  });
+};
+
+export { ShipEngineCarriers };

package/dist/esm/features/manage-carriers/manage-insurance-provider-row/info-popover.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { Popover, Typography, Link } from '@shipengine/giger';
+import { useTranslation, Trans } from 'react-i18next';
+import { styles } from './manage-insurance-provider-row.styles.js';
+import { Spacer } from '../../../components/spacer/spacer.js';
+
+const InfoPopover = ({
+  insuranceProvider,
+  iconRef,
+  toggleIsOpen,
+  isOpen
+}) => {
+  const {
+    t
+  } = useTranslation();
+  if (insuranceProvider === "parcelguard") {
+    return jsxs(Popover, {
+      css: styles.popover,
+      isOpen: isOpen,
+      onClickAway: toggleIsOpen,
+      placement: "bottom",
+      reference: iconRef.current,
+      children: [jsx(Typography, {
+        bold: true,
+        variant: "body2",
+        children: t(`register-wallet:sections.insuranceProviders.parcelguard.popover.title`)
+      }), jsx(Spacer, {
+        multiplier: 1
+      }), jsxs(Trans, {
+        i18nKey: `register-wallet:sections.insuranceProviders.parcelguard.popover.description`,
+        children: ["Just add ParcelGuard as the insurance provider to your shipments for greater peace of mind.", jsx(Link, {
+          "aria-label": "Opens in a new tab",
+          css: styles.link,
+          href: "https://help.shipengine.com/hc/en-us/articles/26099415057435-ParcelGuard",
+          isExternal: true,
+          rel: "noreferrer",
+          target: "_blank",
+          children: "Learn more."
+        })]
+      }), jsx(Spacer, {
+        multiplier: 1
+      })]
+    });
+  }
+  return null;
+};
+
+export { InfoPopover };

package/dist/esm/features/manage-carriers/manage-insurance-provider-row/manage-insurance-provider-row.js

@@ -0,0 +1,96 @@
+import { __awaiter } from '../../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useToggle } from '../../../hooks/use-toggle.js';
+import { IconSize, Typography, Icon } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import { useState, useMemo, useRef, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { InfoPopover } from './info-popover.js';
+import { styles } from './manage-insurance-provider-row.styles.js';
+import { RegisterFundingSourceInsuranceForm } from '../../../components/forms/register-funding-source-insurance-form/register-funding-source-insurance-form.js';
+import { CarrierIcon } from '../../../components/carrier-icon/carrier-icon.js';
+import { LinkAction } from '../../../components/link-action/link-action.js';
+
+const ManageInsuranceProviderRow = ({
+  registerProvider,
+  insuranceProviderProfile
+}) => {
+  const {
+    t
+  } = useTranslation(["manage-carriers"]);
+  const [showDropDown, setShowDropDown] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [showPopover, toggleShowPopover] = useToggle(false);
+  const isConnected = useMemo(() => {
+    return insuranceProviderProfile.agreedToTerms;
+  }, [insuranceProviderProfile.agreedToTerms]);
+  const iconRef = useRef(null);
+  const handleRegister = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    setIsSubmitting(true);
+    const attachmentResult = yield registerProvider(insuranceProviderProfile);
+    const isSuccessful = !!((_a = attachmentResult === null || attachmentResult === void 0 ? void 0 : attachmentResult.insuranceProviderAttachmentResults) === null || _a === void 0 ? void 0 : _a[0].isSuccessful);
+    isSuccessful && showDropDown && setShowDropDown(false);
+    setIsSubmitting(false);
+    return {
+      isSuccessful
+    };
+  }), [insuranceProviderProfile, registerProvider, showDropDown]);
+  const handleClickConnect = useCallback(() => {
+    setShowDropDown(true);
+  }, []);
+  const handleCancelRegistration = useCallback(() => {
+    setShowDropDown(false);
+  }, []);
+  return jsxs("div", {
+    css: styles.container,
+    "data-testid": "carrier-row",
+    children: [jsxs("div", {
+      css: styles.rowContainer,
+      children: [jsxs("div", {
+        css: styles.logoContainer,
+        children: [jsx("div", {
+          children: jsx(CarrierIcon, {
+            carrierCode: insuranceProviderProfile.provider,
+            carrierName: insuranceProviderProfile.friendlyName,
+            size: IconSize.SIZE_REGULAR
+          })
+        }), jsx(Typography, {
+          variant: "subtitle1",
+          children: insuranceProviderProfile.friendlyName
+        }), isConnected && jsx(Icon, {
+          css: {
+            ":hover": {
+              cursor: "pointer"
+            }
+          },
+          name: IconNames.INFO,
+          onClick: toggleShowPopover,
+          ref: iconRef,
+          size: IconSize.SIZE_SMALL
+        })]
+      }), jsx(InfoPopover, {
+        iconRef: iconRef,
+        insuranceProvider: insuranceProviderProfile.provider,
+        isOpen: showPopover,
+        toggleIsOpen: toggleShowPopover
+      }), !showDropDown && jsx(LinkAction, {
+        css: styles.getConnectButton(isConnected),
+        isDisabled: isConnected,
+        isLoading: isSubmitting,
+        onClick: handleClickConnect,
+        title: isConnected ? t("manage-carriers:actions.status.connected") : t("manage-carriers:actions.status.notConnected")
+      })]
+    }), showDropDown && jsx("div", {
+      css: styles.formContainer,
+      children: jsx(RegisterFundingSourceInsuranceForm, {
+        insuranceProviderProfile: insuranceProviderProfile,
+        onCancel: handleCancelRegistration,
+        onSubmit: handleRegister,
+        showDescription: true
+      })
+    })]
+  });
+};
+
+export { ManageInsuranceProviderRow };

package/dist/esm/features/manage-carriers/register-funding-source-carrier-form/register-funding-source-carrier-form.js

@@ -0,0 +1,190 @@
+import { __awaiter } from '../../../_virtual/_tslib.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { useNestedForm } from '../../../hooks/use-nested-form.js';
+import { Grid, GridChild, Typography, Link, Icon, IconSize, Button, ButtonVariant, ButtonColor } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import { MetadataRequirement } from '@shipengine/js-api';
+import { formLogger } from '../../../utilities/form-logger.js';
+import { validationResolver } from '../../../utilities/validation.js';
+import { useState, useCallback } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation, Trans } from 'react-i18next';
+import { styles } from './register-funding-source-carrier-form.styles.js';
+import { getRegisterFundingSourceCarrierSchema } from './register-funding-source-carrier-schema.js';
+import { useAddressPreference } from '../../../components/address-preference-context/address-preference-context.js';
+import { EditWalletAddressForm } from '../../../components/forms/edit-wallet-address-form/edit-wallet-address-form.js';
+import { AddressFields } from '../../../components/forms/address-form/address-fields.js';
+import { DisplayTerm } from '../../../components/display-term/display-term.js';
+import { Spacer } from '../../../components/spacer/spacer.js';
+import { AddressDisplay } from '../../../components/address-display/address-display.js';
+import { CheckboxInput } from '../../../components/field/checkbox-input/checkbox-input.js';
+import { ButtonGroup } from '../../../components/button-group/button-group.js';
+import { SubmitButton } from '../../../components/field/submit-button/submit-button.js';
+
+const RegisterFundingSourceCarrierForm = ({
+  terms,
+  defaultAddress,
+  onSubmit,
+  onCancel,
+  requirementTypes
+}) => {
+  const {
+    t
+  } = useTranslation(["register-wallet", "common"]);
+  const {
+    validateAddress
+  } = useAddressPreference();
+  const [showTerms, setShowTerms] = useState(false);
+  const addressRequired = !!(requirementTypes === null || requirementTypes === void 0 ? void 0 : requirementTypes.includes(MetadataRequirement.PickupAddress));
+  const form = useForm({
+    defaultValues: Object.assign({
+      agreeToTerms: false
+    }, addressRequired && defaultAddress && {
+      pickupAddress: Object.assign(Object.assign({}, defaultAddress), {
+        countryCode: defaultAddress === null || defaultAddress === void 0 ? void 0 : defaultAddress.countryCode
+      })
+    }),
+    resolver: validationResolver(getRegisterFundingSourceCarrierSchema(addressRequired))
+  });
+  const watchAddress = form.watch("pickupAddress");
+  const [editWalletAddressForm, isEditWalletAddressFormOpen, toggleIsEditWalletAddressFormOpen] = useNestedForm(EditWalletAddressForm, {
+    address: watchAddress,
+    formId: "edit-address-form",
+    onSubmit: payload => form.setValue("pickupAddress", Object.assign({}, payload))
+  });
+  const handleSubmit = form.handleSubmit(values => __awaiter(void 0, void 0, void 0, function* () {
+    const payload = values;
+    addressRequired ? yield validateAddress({
+      addresses: {
+        originAddress: payload.pickupAddress
+      },
+      data: {
+        agreeToTerms: payload.agreeToTerms
+      },
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
+      onValid: validatedAddressesPayload => __awaiter(void 0, void 0, void 0, function* () {
+        yield onSubmit({
+          agreeToTerms: payload.agreeToTerms,
+          pickupAddress: Object.assign(Object.assign({}, validatedAddressesPayload.originAddress), {
+            company: validatedAddressesPayload.originAddress.companyName,
+            email: validatedAddressesPayload.originAddress.email,
+            fullName: validatedAddressesPayload.originAddress.name
+          })
+        });
+      })
+    }) : yield onSubmit({
+      agreeToTerms: payload.agreeToTerms
+    });
+  }));
+  const getFormTitle = useCallback(() => isEditWalletAddressFormOpen ? t("register-carrier:formTitle.edit") : defaultAddress ? t("register-carrier:formTitle.default") : t("register-carrier:formTitle.new"), [isEditWalletAddressFormOpen, defaultAddress, t]);
+  return jsx("form", {
+    "data-testid": "register-funding-source-carrier-form",
+    id: "register-funding-source-carrier-form",
+    onSubmit: formLogger.capture(handleSubmit),
+    children: jsxs(Grid, {
+      noPadding: true,
+      children: [addressRequired && jsxs(GridChild, {
+        colSpan: 12,
+        children: [jsx(Typography, {
+          css: styles.getFormHeaderStyles(isEditWalletAddressFormOpen || !defaultAddress),
+          variant: "subtitle1",
+          children: getFormTitle()
+        }), defaultAddress ? jsxs("div", {
+          "data-testid": "register-carrier-address-display",
+          children: [!isEditWalletAddressFormOpen && jsxs(GridChild, {
+            colSpan: 12,
+            children: [jsx(Spacer, {
+              multiplier: 2
+            }), jsx(AddressDisplay, {
+              address: form.getValues("pickupAddress"),
+              onEdit: !isEditWalletAddressFormOpen ? () => toggleIsEditWalletAddressFormOpen() : undefined
+            })]
+          }), jsx(GridChild, {
+            colSpan: 12,
+            css: styles.editAddressForm,
+            children: editWalletAddressForm
+          })]
+        }) : jsxs(GridChild, {
+          colSpan: 12,
+          css: styles.newAddressForm,
+          "data-testid": "address-fields",
+          children: [jsx(Spacer, {
+            multiplier: 2
+          }), jsx(AddressFields, {
+            form: form,
+            formatFieldName: fieldName => `pickupAddress.${fieldName}`,
+            optionalFields: ["addressLine2", "email", "companyName", "phone"]
+          })]
+        })]
+      }), jsxs(GridChild, {
+        colSpan: 12,
+        children: [jsx(CheckboxInput, {
+          ariaLabel: "I agree to the Terms of Service",
+          checkboxLabel: jsx(Trans, {
+            components: {
+              icon: jsx(Icon, {
+                name: showTerms ? IconNames.CHEVRON_TOP : IconNames.CHEVRON_BOTTOM,
+                size: IconSize.SIZE_SMALL
+              }),
+              terms: jsx(Link, {
+                css: styles.expanderLink,
+                "data-testid": "terms-link",
+                onClick: e => {
+                  e.preventDefault();
+                  setShowTerms(prev => !prev);
+                },
+                role: "button"
+              })
+            },
+            defaults: "I agree to the <terms>Terms of Service</terms>",
+            i18nKey: "terms.agreeToTerms"
+          }),
+          control: form.control,
+          "data-testid": "fields.agreeToTerms",
+          label: t("terms.fields.agreeToTerms"),
+          name: "agreeToTerms"
+        }), showTerms && jsxs("div", {
+          css: styles.termsWell,
+          children: [jsxs("div", {
+            children: [jsx(Typography, {
+              variant: "heading4",
+              children: t("terms.carriersTitle")
+            }), terms.map((term, index) => jsx(DisplayTerm, {
+              term: term
+            }, index))]
+          }), jsx(ButtonGroup, {
+            justify: "end",
+            children: jsx(Button, {
+              onClick: () => setShowTerms(false),
+              variant: ButtonVariant.OUTLINED,
+              children: t("actions.close")
+            })
+          })]
+        })]
+      }), jsx(GridChild, {
+        colSpan: 12,
+        children: jsxs(ButtonGroup, {
+          justify: "end",
+          children: [jsx(Button, {
+            bold: true,
+            color: ButtonColor.SECONDARY,
+            "data-testid": "actions.cancel",
+            form: "register-funding-source-carrier-form",
+            onClick: onCancel,
+            type: "button",
+            variant: ButtonVariant.TEXT,
+            children: t("actions.cancel")
+          }), jsx(SubmitButton, {
+            alwaysRequireValidity: true,
+            control: form.control,
+            form: "register-funding-source-carrier-form",
+            variant: ButtonVariant.FILLED,
+            children: t("actions.continue")
+          })]
+        })
+      })]
+    })
+  });
+};
+
+export { RegisterFundingSourceCarrierForm };

package/dist/esm/features/manage-carriers/use-manage-carriers.js

@@ -0,0 +1,32 @@
+import { __awaiter } from '../../_virtual/_tslib.js';
+import { useFundingSourcesAddFunds } from '@shipengine/react-api';
+
+const useManageCarriers = () => {
+  const {
+    error,
+    isLoading,
+    isError,
+    isSuccess,
+    mutateAsync,
+    isIdle
+  } = useFundingSourcesAddFunds();
+  const handleAddFunds = payload => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+      yield mutateAsync(payload);
+    } catch (error) {
+      console.log({
+        addFundsError: error
+      });
+    }
+  });
+  return {
+    addFunds: handleAddFunds,
+    addFundsError: error,
+    isAddFundsSuccess: isSuccess,
+    isAddingFunds: isLoading,
+    isAddingFundsError: isError,
+    isAddingFundsIdle: isIdle
+  };
+};
+
+export { useManageCarriers };

package/dist/esm/features/manage-external-carriers/carrier-settings-form/carrier-settings-form-schema.js

@@ -0,0 +1,29 @@
+import { z } from 'zod';
+import { upsSettingsSchema, getUPSDefaultValues } from './carrier-specific-settings-fields/ups-settings-fields/ups-settings-schema.js';
+
+const baseSchema = z.object({
+  nickname: z.string().min(1, "Nickname is required").max(50).trim()
+});
+const carrierSpecificSchemas = {
+  ups: upsSettingsSchema
+  // Add other carrier-specific schemas here as needed
+};
+const getCarrierSettingsSchema = carrierName => {
+  const carrierSpecificSchema = carrierSpecificSchemas[carrierName];
+  if (!carrierSpecificSchema) {
+    return baseSchema;
+  }
+  return baseSchema.and(carrierSpecificSchema);
+};
+const getDefaultFormValues = (carrierName, carrierSettings) => {
+  const baseDefaults = {
+    nickname: (carrierSettings === null || carrierSettings === void 0 ? void 0 : carrierSettings.nickname) || ""
+  };
+  if (carrierName === "ups") {
+    const upsDefaults = getUPSDefaultValues(carrierSettings);
+    return Object.assign(Object.assign({}, baseDefaults), upsDefaults);
+  }
+  return baseDefaults;
+};
+
+export { getCarrierSettingsSchema, getDefaultFormValues };