@shipengine/elements 2.22.0 → 2.24.1

package/cjs/features/manage-warehouses/manage-warehouse.styles.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styles$1 = require('../../utilities/styles.cjs');
-
-const styles = styles$1.createStyles({
-  cardSpacing: theme => ({
-    display: "flex",
-    flexDirection: "column",
-    gap: styles$1.scopeTheme(theme).spacing(2)
-  }),
-  header: {
-    textAlign: "left"
-  },
-  well: theme => ({
-    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
-    padding: styles$1.scopeTheme(theme).spacing(2)
-  })
-});
-
-exports.styles = styles;

package/cjs/features/manage-warehouses/manage-warehouses.cjs

@@ -1,190 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var useToggle = require('../../hooks/use-toggle.cjs');
-var date = require('../../utilities/date.cjs');
-var React = require('react');
-var reactI18next = require('react-i18next');
-var giger = require('@shipengine/giger');
-var manageWarehouse_styles = require('./manage-warehouse.styles.cjs');
-var warehouseForm = require('../../components/forms/warehouse-form/warehouse-form.cjs');
-var warehouseDisplay = require('./warehouse-display/warehouse-display.cjs');
-var zeroState = require('../../components/zero-state/zero-state.cjs');
-var loader = require('../../components/loader/loader.cjs');
-var addressPreferenceContext = require('../../components/address-preference-context/address-preference-context.cjs');
-var spacer = require('../../components/spacer/spacer.cjs');
-var buttonGroup = require('../../components/button-group/button-group.cjs');
-var linkAction = require('../../components/link-action/link-action.cjs');
-var settingsCard = require('../../components/settings-card/settings-card.cjs');
-
-const ManageWarehouses = ({
-  createWarehouse,
-  deleteWarehouse,
-  isLoadingWarehouses,
-  listWarehouseErrors,
-  refreshListWarehouses,
-  updateWarehouse,
-  warehouses
-}) => {
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const [editWarehouseId, setEditWarehouseId] = React.useState();
-  const [showAddNewWarehouseForm, toggleShowAddNewWarehouseForm] = useToggle.useToggle(false);
-  const handleDeleteWarehouse = warehouseId => tslib.__awaiter(void 0, void 0, void 0, function* () {
-    yield deleteWarehouse({
-      warehouseId
-    });
-    void refreshListWarehouses();
-  });
-  const handleSubmitAddNewWarehouse = payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
-    const result = yield createWarehouse(payload);
-    if (result) void refreshListWarehouses();
-  });
-  const handleSubmitEditWarehouse = (payload, warehouseId) => tslib.__awaiter(void 0, void 0, void 0, function* () {
-    yield updateWarehouse({
-      isDefault: payload.isDefault,
-      name: payload.name,
-      originAddress: payload.originAddress,
-      returnAddress: payload.returnAddress,
-      warehouseId: warehouseId
-    });
-    yield refreshListWarehouses();
-  });
-  const handleSetDefault = (payload, warehouseId) => tslib.__awaiter(void 0, void 0, void 0, function* () {
-    yield updateWarehouse(Object.assign(Object.assign({}, payload), {
-      isDefault: true,
-      warehouseId
-    }));
-    yield refreshListWarehouses();
-  });
-  if (listWarehouseErrors) {
-    throw new Error(listWarehouseErrors.map(e => e.message).join(", "));
-  }
-  const sortedWarehouses = warehouses === null || warehouses === void 0 ? void 0 : warehouses.sort((a, b) => {
-    if (b.isDefault && !a.isDefault) return 1;
-    if (a.isDefault && !b.isDefault) return -1;
-    return date.sortByCreationDate(a, b, "desc");
-  });
-  if (!(warehouses === null || warehouses === void 0 ? void 0 : warehouses.length) && !showAddNewWarehouseForm) return jsxRuntime.jsx(zeroState.ZeroState, {
-    description: t("manage-warehouses:noWarehouses"),
-    showLinkAction: {
-      icon: "add",
-      onClick: () => toggleShowAddNewWarehouseForm(true),
-      title: t("manage-warehouses:addNew")
-    }
-  });
-  if (isLoadingWarehouses) {
-    return jsxRuntime.jsx(loader.Loader, {
-      message: t("loading.warehouses")
-    });
-  }
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [showAddNewWarehouseForm ? jsxRuntime.jsx(addressPreferenceContext.AddressPreferenceProvider, Object.assign({
-      css: manageWarehouse_styles.styles.well,
-      formHeader: jsxRuntime.jsxs("div", Object.assign({
-        css: manageWarehouse_styles.styles.header
-      }, {
-        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-          variant: "subtitle1"
-        }, {
-          children: t("manage-warehouses:addNew")
-        })), jsxRuntime.jsx(spacer.Spacer, {
-          multiplier: 1
-        })]
-      })),
-      onSubmit: payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const {
-            passengerData
-          } = payload,
-          rest = tslib.__rest(payload, ["passengerData"]);
-        yield handleSubmitAddNewWarehouse(Object.assign(Object.assign({}, rest), passengerData));
-        toggleShowAddNewWarehouseForm(false);
-      })
-    }, {
-      children: jsxRuntime.jsx(warehouseForm.WarehouseForm, {
-        onCancel: () => toggleShowAddNewWarehouseForm(false),
-        onSubmit: payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
-          yield handleSubmitAddNewWarehouse(payload);
-          toggleShowAddNewWarehouseForm(false);
-        }),
-        submitButtonTitle: t("actions.save")
-      })
-    })) : jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
-      justify: "end"
-    }, {
-      children: jsxRuntime.jsx(linkAction.LinkAction, {
-        icon: "add",
-        onClick: () => toggleShowAddNewWarehouseForm(true),
-        title: t("manage-warehouses:addNew")
-      })
-    })), jsxRuntime.jsx(spacer.Spacer, {
-      multiplier: 2
-    }), jsxRuntime.jsx("div", Object.assign({
-      css: manageWarehouse_styles.styles.cardSpacing
-    }, {
-      children: sortedWarehouses === null || sortedWarehouses === void 0 ? void 0 : sortedWarehouses.map(warehouse => {
-        if (editWarehouseId && editWarehouseId === warehouse.warehouseId) {
-          return jsxRuntime.jsx(addressPreferenceContext.AddressPreferenceProvider, Object.assign({
-            css: manageWarehouse_styles.styles.well,
-            formHeader: jsxRuntime.jsxs("div", Object.assign({
-              css: manageWarehouse_styles.styles.header
-            }, {
-              children: [jsxRuntime.jsx(giger.Typography, Object.assign({
-                variant: "subtitle1"
-              }, {
-                children: t("manage-warehouses:editWarehouse")
-              })), jsxRuntime.jsx(spacer.Spacer, {
-                multiplier: 1
-              })]
-            })),
-            onSubmit: payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
-              const {
-                  passengerData: warehouseData
-                } = payload,
-                rest = tslib.__rest(payload, ["passengerData"]);
-              yield handleSubmitEditWarehouse(Object.assign(Object.assign({}, rest), warehouseData), warehouse.warehouseId);
-              setEditWarehouseId(undefined);
-            })
-          }, {
-            children: jsxRuntime.jsx(warehouseForm.WarehouseForm, {
-              onCancel: () => setEditWarehouseId(undefined),
-              onDelete: warehouse.isDefault ? undefined : () => handleDeleteWarehouse(warehouse.warehouseId),
-              onSubmit: payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
-                yield handleSubmitEditWarehouse(payload, warehouse.warehouseId);
-                setEditWarehouseId(undefined);
-              }),
-              submitButtonTitle: t("actions.save"),
-              warehouse: warehouse
-            })
-          }), warehouse.warehouseId);
-        } else {
-          return jsxRuntime.jsx(settingsCard.SettingsCard, Object.assign({
-            accessoryAction: warehouse.isDefault ? undefined : {
-              action: () => tslib.__awaiter(void 0, void 0, void 0, function* () {
-                yield handleSetDefault(warehouse, warehouse.warehouseId);
-                return;
-              }),
-              name: t("manage-warehouses:setDefault")
-            },
-            cardAction: {
-              action: () => setEditWarehouseId(warehouse.warehouseId),
-              name: t("actions.edit")
-            },
-            subtitle: warehouse.isDefault ? t("manage-warehouses:default") : undefined,
-            title: warehouse.name
-          }, {
-            children: jsxRuntime.jsx(warehouseDisplay.WarehouseDisplay, {
-              warehouse: warehouse
-            })
-          }), warehouse.warehouseId);
-        }
-      })
-    }))]
-  });
-};
-
-exports.ManageWarehouses = ManageWarehouses;

package/cjs/features/manage-warehouses/use-manage-warehouses.cjs

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactApi = require('@shipengine/react-api');
-
-const useManageWarehouses = () => {
-  const {
-    error: updateWarehouseErrors,
-    isLoading: isUpdatingWarehouse,
-    mutateAsync: updateWarehouse
-  } = reactApi.useUpdateWarehouse();
-  const {
-    error: createWarehouseErrors,
-    isLoading: isCreatingWarehouse,
-    mutateAsync: createWarehouse
-  } = reactApi.useCreateWarehouse();
-  const {
-    error: deleteWarehouseErrors,
-    isLoading: isDeletingWarehouse,
-    mutateAsync: deleteWarehouse
-  } = reactApi.useDeleteWarehouse();
-  const {
-    data: warehouses,
-    error: listWarehouseErrors,
-    isInitialLoading: isLoadingWarehouses,
-    refetch: refreshListWarehouses
-  } = reactApi.useListWarehouses();
-  return {
-    createWarehouse,
-    createWarehouseErrors,
-    deleteWarehouse,
-    deleteWarehouseErrors,
-    isCreatingWarehouse,
-    isDeletingWarehouse,
-    isLoadingWarehouses,
-    isUpdatingWarehouse,
-    listWarehouseErrors,
-    refreshListWarehouses,
-    updateWarehouse,
-    updateWarehouseErrors,
-    warehouses
-  };
-};
-
-exports.useManageWarehouses = useManageWarehouses;

package/cjs/features/manage-warehouses/warehouse-display/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var warehouseDisplay = require('./warehouse-display.cjs');
-
-
-
-exports.WarehouseDisplay = warehouseDisplay.WarehouseDisplay;

package/cjs/features/manage-warehouses/warehouse-display/warehouse-display.cjs

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var reactI18next = require('react-i18next');
-var giger = require('@shipengine/giger');
-var addressDisplay = require('../../../components/address-display/address-display.cjs');
-
-const WarehouseDisplay = ({
-  warehouse
-}) => {
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const {
-    originAddress,
-    returnAddress
-  } = warehouse;
-  return jsxRuntime.jsxs(giger.Grid, Object.assign({
-    "data-testid": "warehouseDisplay",
-    noPadding: true
-  }, {
-    children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
-      colSpan: 3
-    }, {
-      children: jsxRuntime.jsx(giger.Typography, Object.assign({
-        css: {
-          textTransform: "capitalize"
-        },
-        variant: "subtitle2"
-      }, {
-        children: t("manage-warehouses:shipFrom")
-      }))
-    })), jsxRuntime.jsx(giger.GridChild, Object.assign({
-      colSpan: 8
-    }, {
-      children: jsxRuntime.jsx(addressDisplay.AddressDisplay, {
-        address: originAddress,
-        nickname: warehouse.name
-      })
-    })), jsxRuntime.jsx(giger.GridChild, Object.assign({
-      colSpan: 3
-    }, {
-      children: jsxRuntime.jsx(giger.Typography, Object.assign({
-        css: {
-          textTransform: "capitalize"
-        },
-        variant: "subtitle2"
-      }, {
-        children: t("manage-warehouses:returnTo")
-      }))
-    })), jsxRuntime.jsx(giger.GridChild, Object.assign({
-      colSpan: 8
-    }, {
-      children: jsxRuntime.jsx(addressDisplay.AddressDisplay, {
-        address: returnAddress,
-        nickname: warehouse.name
-      })
-    }))]
-  }));
-};
-
-exports.WarehouseDisplay = WarehouseDisplay;

package/cjs/features/payment-method-settings/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var paymentMethodSettings = require('./payment-method-settings.cjs');
-
-
-
-exports.PaymentMethodSettings = paymentMethodSettings.PaymentMethodSettings;

package/cjs/features/payment-method-settings/payment-method-settings.cjs

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var useToggle = require('../../hooks/use-toggle.cjs');
-var React = require('react');
-var reactI18next = require('react-i18next');
-var reactApi = require('@shipengine/react-api');
-var editBillingForm = require('../../components/forms/edit-billing-form/edit-billing-form.cjs');
-var walletCard = require('../../components/wallet-card/wallet-card.cjs');
-var loader = require('../../components/loader/loader.cjs');
-var zeroState = require('../../components/zero-state/zero-state.cjs');
-
-const PaymentMethodSettings = ({
-  onRedirectToOnboarding
-}) => {
-  var _a;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const [showEditBilling, toggleShowEditBilling] = useToggle.useToggle(false);
-  const [isUpdatingBilling, setIsUpdatingBilling] = React.useState(false);
-  const {
-    mutateAsync: updateBilling
-  } = reactApi.useUpdateFundingSource();
-  const {
-    data: fundingSources,
-    refetch: refetchFundingSources,
-    isLoading: fundingSourceLoading
-  } = reactApi.useListFundingSources();
-  const fundingSourceId = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) === null || _a === void 0 ? void 0 : _a.fundingSourceId;
-  const handleUpdateBilling = (billingInfo, creditCardInfo) => tslib.__awaiter(void 0, void 0, void 0, function* () {
-    if (fundingSourceId) {
-      setIsUpdatingBilling(true);
-      yield updateBilling({
-        billingInfo,
-        creditCardInfo,
-        fundingSourceId
-      });
-      yield refetchFundingSources();
-      toggleShowEditBilling(false);
-      setIsUpdatingBilling(false);
-    }
-  });
-  if (showEditBilling) return jsxRuntime.jsx(editBillingForm.EditBillingForm, {
-    isLoading: isUpdatingBilling,
-    onCancel: () => {
-      toggleShowEditBilling(false);
-    },
-    onSubmit: handleUpdateBilling
-  });else {
-    if (fundingSourceLoading) return jsxRuntime.jsx(loader.Loader, {
-      message: t("loading.paymentMethod")
-    });
-    if ((fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length) === 0) return onRedirectToOnboarding ? jsxRuntime.jsx(zeroState.ZeroState, {
-      description: t("account-settings:messages.noFundingSourceDescription", {
-        section: "payment method"
-      }),
-      showLinkAction: {
-        icon: "add",
-        onClick: () => onRedirectToOnboarding(),
-        title: t("account-settings:messages.noFundingSourceAction")
-      }
-    }) : jsxRuntime.jsx(zeroState.ZeroState, {
-      description: t("account-settings:messages.noFundingSourceDescription", {
-        section: "payment method"
-      })
-    });
-    return jsxRuntime.jsx(walletCard.WalletCard, {
-      fundingSource: fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0],
-      onEdit: () => {
-        toggleShowEditBilling(true);
-      }
-    });
-  }
-};
-
-exports.PaymentMethodSettings = PaymentMethodSettings;

package/cjs/features/select-label-layout/index.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var selectLabelLayout = require('./select-label-layout.cjs');
-var useLabelLayout = require('./use-label-layout.cjs');
-
-
-
-exports.SelectLabelLayout = selectLabelLayout;
-exports.useLabelLayout = useLabelLayout.useLabelLayout;

package/cjs/features/select-label-layout/select-label-layout.cjs

@@ -1,144 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var React = require('react');
-var reactI18next = require('react-i18next');
-var giger = require('@shipengine/giger');
-var gigerTheme = require('@shipengine/giger-theme');
-var selectLabelLayout_styles = require('./select-label-layout.styles.cjs');
-var useLabelLayout = require('./use-label-layout.cjs');
-var spacer = require('../../components/spacer/spacer.cjs');
-
-const Settings = ({
-  accountSettings,
-  updateAccountSettings
-}) => {
-  var _a;
-  const {
-    t
-  } = reactI18next.useTranslation(["common", "manage-defaults"]);
-  const labelLayout = (_a = accountSettings === null || accountSettings === void 0 ? void 0 : accountSettings.defaultLabelLayout) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-  return jsxRuntime.jsxs("div", Object.assign({
-    css: selectLabelLayout_styles.styles.buttonContainer
-  }, {
-    children: [jsxRuntime.jsx("button", Object.assign({
-      css: selectLabelLayout_styles.styles.button,
-      id: "letter",
-      onClick: () => tslib.__awaiter(void 0, void 0, void 0, function* () {
-        yield updateAccountSettings({
-          defaultLabelLayout: "Letter"
-        });
-      }),
-      value: "letter"
-    }, {
-      children: jsxRuntime.jsxs("div", Object.assign({
-        css: labelLayout === "letter" ? selectLabelLayout_styles.styles.selectedLetter : selectLabelLayout_styles.styles.letter
-      }, {
-        children: [labelLayout === "letter" && jsxRuntime.jsx(giger.Icon, {
-          css: selectLabelLayout_styles.styles.icon,
-          name: gigerTheme.IconNames.CHECK_FILLED
-        }), jsxRuntime.jsx("div", Object.assign({
-          css: selectLabelLayout_styles.styles.letterInner
-        }, {
-          children: jsxRuntime.jsx("div", {
-            css: selectLabelLayout_styles.styles.letterLabel
-          })
-        })), jsxRuntime.jsx(giger.Typography, {
-          children: t("manage-defaults:label.letter.title")
-        }), jsxRuntime.jsx(spacer.Spacer, {
-          multiplier: 0.5
-        }), jsxRuntime.jsx(giger.Typography, Object.assign({
-          css: selectLabelLayout_styles.styles.text
-        }, {
-          children: t("manage-defaults:label.letter.description")
-        }))]
-      }))
-    })), jsxRuntime.jsx("button", Object.assign({
-      css: selectLabelLayout_styles.styles.button,
-      id: "4x6",
-      onClick: e => tslib.__awaiter(void 0, void 0, void 0, function* () {
-        yield updateAccountSettings({
-          defaultLabelLayout: e.currentTarget.value
-        });
-      }),
-      value: "4x6"
-    }, {
-      children: jsxRuntime.jsxs("div", Object.assign({
-        css: labelLayout === "4x6" ? selectLabelLayout_styles.styles.selectedThermal : selectLabelLayout_styles.styles.thermal
-      }, {
-        children: [labelLayout === "4x6" && jsxRuntime.jsx(giger.Icon, {
-          css: selectLabelLayout_styles.styles.icon,
-          name: gigerTheme.IconNames.CHECK_FILLED
-        }), jsxRuntime.jsx("div", Object.assign({
-          css: selectLabelLayout_styles.styles.thermalInner
-        }, {
-          children: jsxRuntime.jsx("div", {
-            css: selectLabelLayout_styles.styles.thermalLabel
-          })
-        })), jsxRuntime.jsx(giger.Typography, {
-          children: t("manage-defaults:label.thermal.title")
-        }), jsxRuntime.jsx(spacer.Spacer, {
-          multiplier: 0.5
-        }), jsxRuntime.jsx(giger.Typography, Object.assign({
-          css: selectLabelLayout_styles.styles.text
-        }, {
-          children: t("manage-defaults:label.thermal.description")
-        }))]
-      }))
-    }))]
-  }));
-};
-const Purchase = () => {
-  const {
-    t
-  } = reactI18next.useTranslation(["common", "manage-defaults"]);
-  const {
-    updateAccountSettings
-  } = useLabelLayout.useLabelLayout();
-  const [layout, setLayout] = React.useState("4x6");
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
-      title: t("manage-defaults:label.purchase.title"),
-      type: giger.NotificationType.INFO
-    }, {
-      children: t("manage-defaults:label.purchase.description")
-    })), jsxRuntime.jsx(spacer.Spacer, {
-      multiplier: 1.5
-    }), jsxRuntime.jsxs(giger.RadioGroup, Object.assign({
-      name: "labelLayout",
-      onChange: e => tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setLayout(e.target.value);
-        yield updateAccountSettings({
-          defaultLabelLayout: e.target.value
-        });
-      }),
-      value: layout
-    }, {
-      children: [jsxRuntime.jsx(giger.Radio, Object.assign({
-        value: "Letter"
-      }, {
-        children: jsxRuntime.jsx(giger.Typography, Object.assign({
-          bold: true
-        }, {
-          children: t("manage-defaults:label.letter.title")
-        }))
-      })), jsxRuntime.jsx(spacer.Spacer, {
-        multiplier: 3
-      }), jsxRuntime.jsx(giger.Radio, Object.assign({
-        value: "4x6"
-      }, {
-        children: jsxRuntime.jsx(giger.Typography, Object.assign({
-          bold: true
-        }, {
-          children: t("manage-defaults:label.thermal.title")
-        }))
-      }))]
-    }))]
-  });
-};
-
-exports.Purchase = Purchase;
-exports.Settings = Settings;