@asdp/ferryui 0.1.22-dev.9540 → 0.1.22-dev.9549

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/index.d.mts CHANGED
@@ -1112,7 +1112,7 @@ interface ModalSearchHarborProps {
1112
1112
  /**
1113
1113
  * Callback when removing from last searched
1114
1114
  */
1115
- onRemoveLastSearched: (harborId: HarborItem) => void;
1115
+ onRemoveLastSearched?: (harborId: HarborItem) => void;
1116
1116
  /**
1117
1117
  * Callback when clearing all last searched
1118
1118
  */
@@ -1730,6 +1730,14 @@ declare const MANIFEST_ENTITY: {
1730
1730
  readonly INDIVIDUAL: "individual";
1731
1731
  };
1732
1732
  type MANIFEST_ENTITY_TYPE = typeof MANIFEST_ENTITY[keyof typeof MANIFEST_ENTITY];
1733
+ interface LoadType {
1734
+ id: number;
1735
+ name: string;
1736
+ unit?: {
1737
+ id: string;
1738
+ name: string;
1739
+ };
1740
+ }
1733
1741
 
1734
1742
  interface TypeOfServiceChild {
1735
1743
  id: number;
@@ -3033,6 +3041,7 @@ interface CardVehicleOwnerFormProps {
3033
3041
  * Options for load type select inputs
3034
3042
  */
3035
3043
  loadTypeOptions?: SelectOption[];
3044
+ loadTypes?: LoadType[];
3036
3045
  /**
3037
3046
  * Options for industry select inputs
3038
3047
  */
@@ -3861,4 +3870,4 @@ interface ModalListMenuServiceProps {
3861
3870
 
3862
3871
  declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
3863
3872
 
3864
- export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
3873
+ export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, type LoadType, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
package/dist/index.d.ts CHANGED
@@ -1112,7 +1112,7 @@ interface ModalSearchHarborProps {
1112
1112
  /**
1113
1113
  * Callback when removing from last searched
1114
1114
  */
1115
- onRemoveLastSearched: (harborId: HarborItem) => void;
1115
+ onRemoveLastSearched?: (harborId: HarborItem) => void;
1116
1116
  /**
1117
1117
  * Callback when clearing all last searched
1118
1118
  */
@@ -1730,6 +1730,14 @@ declare const MANIFEST_ENTITY: {
1730
1730
  readonly INDIVIDUAL: "individual";
1731
1731
  };
1732
1732
  type MANIFEST_ENTITY_TYPE = typeof MANIFEST_ENTITY[keyof typeof MANIFEST_ENTITY];
1733
+ interface LoadType {
1734
+ id: number;
1735
+ name: string;
1736
+ unit?: {
1737
+ id: string;
1738
+ name: string;
1739
+ };
1740
+ }
1733
1741
 
1734
1742
  interface TypeOfServiceChild {
1735
1743
  id: number;
@@ -3033,6 +3041,7 @@ interface CardVehicleOwnerFormProps {
3033
3041
  * Options for load type select inputs
3034
3042
  */
3035
3043
  loadTypeOptions?: SelectOption[];
3044
+ loadTypes?: LoadType[];
3036
3045
  /**
3037
3046
  * Options for industry select inputs
3038
3047
  */
@@ -3861,4 +3870,4 @@ interface ModalListMenuServiceProps {
3861
3870
 
3862
3871
  declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
3863
3872
 
3864
- export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
3873
+ export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, type LoadType, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
package/dist/index.js CHANGED
@@ -7037,13 +7037,13 @@ var ModalSearchHarbor = ({
7037
7037
  harbor,
7038
7038
  onSelect: handleSelect,
7039
7039
  containerClassName: styles.historyItem,
7040
- trailingIcon: /* @__PURE__ */ jsxRuntime.jsx(
7040
+ trailingIcon: showButtonFavorite && /* @__PURE__ */ jsxRuntime.jsx(
7041
7041
  react.Icon,
7042
7042
  {
7043
- onClick: () => onRemoveLastSearched(harbor),
7044
- icon: "fluent:dismiss-24-regular",
7045
- fontSize: 20,
7046
- className: styles.cursorPointer
7043
+ icon: harbor.isFavorite ? "fluent:star-24-filled" : "fluent:star-24-regular",
7044
+ color: reactComponents.tokens.colorBrandBackground,
7045
+ className: styles.cursorPointer,
7046
+ onClick: () => onToggleFavorite(harbor)
7047
7047
  }
7048
7048
  ),
7049
7049
  showDivider: true
@@ -7059,6 +7059,15 @@ var ModalSearchHarbor = ({
7059
7059
  harbor,
7060
7060
  onSelect: handleSelect,
7061
7061
  containerClassName: styles.historyItem,
7062
+ trailingIcon: showButtonFavorite && /* @__PURE__ */ jsxRuntime.jsx(
7063
+ react.Icon,
7064
+ {
7065
+ icon: harbor.isFavorite ? "fluent:star-24-filled" : "fluent:star-24-regular",
7066
+ color: reactComponents.tokens.colorBrandBackground,
7067
+ className: styles.cursorPointer,
7068
+ onClick: () => onToggleFavorite(harbor)
7069
+ }
7070
+ ),
7062
7071
  showDivider: true
7063
7072
  },
7064
7073
  harbor.portId
@@ -12162,6 +12171,7 @@ var CardVehicleOwnerForm = ({
12162
12171
  cityDestinationOptions = [],
12163
12172
  commodityOptions = [],
12164
12173
  loadTypeOptions = [],
12174
+ loadTypes = [],
12165
12175
  industryOptions = [],
12166
12176
  loadCategoryOptions = [],
12167
12177
  language = "id",
@@ -12776,55 +12786,132 @@ var CardVehicleOwnerForm = ({
12776
12786
  }
12777
12787
  )
12778
12788
  ] }),
12779
- /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { md: 3, children: [
12780
- /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: mergedLabels.cargoQuantityLabel }),
12781
- /* @__PURE__ */ jsxRuntime.jsxs(
12782
- "div",
12783
- {
12784
- style: {
12785
- display: "flex",
12786
- alignItems: "center",
12787
- border: `1px solid ${reactComponents.tokens.colorNeutralStroke1}`,
12788
- borderRadius: reactComponents.tokens.borderRadiusMedium,
12789
- height: "40px",
12790
- padding: "0 12px",
12791
- backgroundColor: reactComponents.tokens.colorNeutralBackground1
12792
- },
12793
- children: [
12794
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 0.5 } }),
12795
- /* @__PURE__ */ jsxRuntime.jsxs(
12796
- "div",
12797
- {
12798
- style: {
12799
- display: "flex",
12800
- alignItems: "center",
12801
- gap: "12px"
12802
- },
12803
- children: [
12804
- /* @__PURE__ */ jsxRuntime.jsx(
12805
- reactComponents.Button,
12806
- {
12807
- appearance: "transparent",
12808
- disabled,
12809
- icon: /* @__PURE__ */ jsxRuntime.jsx(
12810
- react.Icon,
12811
- {
12812
- icon: "fluent:subtract-circle-24-regular",
12813
- style: {
12814
- fontSize: "24px",
12815
- color: reactComponents.tokens.colorNeutralForeground4
12789
+ (() => {
12790
+ const type = watch(
12791
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12792
+ );
12793
+ const selectedLoadType = loadTypes.find(
12794
+ (loadType) => loadType.id === type
12795
+ );
12796
+ if (!selectedLoadType) {
12797
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
12798
+ }
12799
+ return /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { md: 3, children: [
12800
+ /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: mergedLabels.cargoQuantityLabel }),
12801
+ /* @__PURE__ */ jsxRuntime.jsxs(
12802
+ "div",
12803
+ {
12804
+ style: {
12805
+ display: "flex",
12806
+ alignItems: "center",
12807
+ border: `1px solid ${reactComponents.tokens.colorNeutralStroke1}`,
12808
+ borderRadius: reactComponents.tokens.borderRadiusMedium,
12809
+ height: "40px",
12810
+ padding: "0 12px",
12811
+ backgroundColor: reactComponents.tokens.colorNeutralBackground1
12812
+ },
12813
+ children: [
12814
+ /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 0.5 } }),
12815
+ /* @__PURE__ */ jsxRuntime.jsxs(
12816
+ "div",
12817
+ {
12818
+ style: {
12819
+ display: "flex",
12820
+ alignItems: "center",
12821
+ gap: "12px"
12822
+ },
12823
+ children: [
12824
+ /* @__PURE__ */ jsxRuntime.jsx(
12825
+ reactComponents.Button,
12826
+ {
12827
+ appearance: "transparent",
12828
+ disabled,
12829
+ icon: /* @__PURE__ */ jsxRuntime.jsx(
12830
+ react.Icon,
12831
+ {
12832
+ icon: "fluent:subtract-circle-24-regular",
12833
+ style: {
12834
+ fontSize: "24px",
12835
+ color: reactComponents.tokens.colorNeutralForeground4
12836
+ }
12816
12837
  }
12838
+ ),
12839
+ "aria-label": mergedLabels.decrementQuantityAriaLabel,
12840
+ size: "small",
12841
+ onClick: () => {
12842
+ const currentVal = getValues(
12843
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12844
+ ) || 0;
12845
+ const currentQty = Number(currentVal);
12846
+ if (currentQty > 0) {
12847
+ const newVal = currentQty - 1;
12848
+ setValue(
12849
+ `owners.${index}.cargo.${cargoIndex}.quantity`,
12850
+ newVal
12851
+ );
12852
+ onUpdateCargoQuantity(
12853
+ owner.id,
12854
+ cargo.id,
12855
+ newVal
12856
+ );
12857
+ }
12858
+ },
12859
+ style: {
12860
+ minWidth: "32px",
12861
+ padding: "0"
12817
12862
  }
12818
- ),
12819
- "aria-label": mergedLabels.decrementQuantityAriaLabel,
12820
- size: "small",
12821
- onClick: () => {
12822
- const currentVal = getValues(
12823
- `owners.${index}.cargo.${cargoIndex}.quantity`
12824
- ) || 0;
12825
- const currentQty = Number(currentVal);
12826
- if (currentQty > 0) {
12827
- const newVal = currentQty - 1;
12863
+ }
12864
+ ),
12865
+ /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
12866
+ reactHookForm.Controller,
12867
+ {
12868
+ name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12869
+ control,
12870
+ disabled,
12871
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
12872
+ "input",
12873
+ {
12874
+ ...field,
12875
+ min: 1,
12876
+ type: "number",
12877
+ style: {
12878
+ border: "none",
12879
+ width: "100%",
12880
+ textAlign: "center",
12881
+ outline: "none",
12882
+ backgroundColor: "transparent",
12883
+ color: reactComponents.tokens.colorNeutralForeground1,
12884
+ fontSize: reactComponents.tokens.fontSizeBase400,
12885
+ fontFamily: reactComponents.tokens.fontFamilyBase
12886
+ },
12887
+ onWheel: (e) => e.target.blur()
12888
+ }
12889
+ )
12890
+ }
12891
+ ) }),
12892
+ /* @__PURE__ */ jsxRuntime.jsx(
12893
+ reactComponents.Button,
12894
+ {
12895
+ appearance: "transparent",
12896
+ disabled,
12897
+ icon: /* @__PURE__ */ jsxRuntime.jsx(
12898
+ react.Icon,
12899
+ {
12900
+ icon: "fluent:add-circle-24-regular",
12901
+ style: {
12902
+ fontSize: "24px",
12903
+ color: reactComponents.tokens.colorBrandStroke1
12904
+ }
12905
+ }
12906
+ ),
12907
+ "aria-label": mergedLabels.incrementQuantityAriaLabel,
12908
+ size: "small",
12909
+ onClick: () => {
12910
+ const currentVal = getValues(
12911
+ `owners.${index}.cargo.${cargoIndex}.quantity`
12912
+ ) || 0;
12913
+ const currentQty = Number(currentVal);
12914
+ const newVal = currentQty + 1;
12828
12915
  setValue(
12829
12916
  `owners.${index}.cargo.${cargoIndex}.quantity`,
12830
12917
  newVal
@@ -12834,112 +12921,42 @@ var CardVehicleOwnerForm = ({
12834
12921
  cargo.id,
12835
12922
  newVal
12836
12923
  );
12924
+ },
12925
+ style: {
12926
+ minWidth: "32px",
12927
+ padding: "0"
12837
12928
  }
12838
- },
12839
- style: {
12840
- minWidth: "32px",
12841
- padding: "0"
12842
- }
12843
- }
12844
- ),
12845
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
12846
- reactHookForm.Controller,
12847
- {
12848
- name: `owners.${index}.cargo.${cargoIndex}.quantity`,
12849
- control,
12850
- disabled,
12851
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
12852
- "input",
12853
- {
12854
- ...field,
12855
- type: "number",
12856
- style: {
12857
- border: "none",
12858
- width: "100%",
12859
- textAlign: "center",
12860
- outline: "none",
12861
- backgroundColor: "transparent",
12862
- color: reactComponents.tokens.colorNeutralForeground1,
12863
- fontSize: reactComponents.tokens.fontSizeBase400,
12864
- fontFamily: reactComponents.tokens.fontFamilyBase
12865
- },
12866
- onWheel: (e) => e.target.blur()
12867
- }
12868
- )
12869
- }
12870
- ) }),
12871
- /* @__PURE__ */ jsxRuntime.jsx(
12872
- reactComponents.Button,
12873
- {
12874
- appearance: "transparent",
12875
- disabled,
12876
- icon: /* @__PURE__ */ jsxRuntime.jsx(
12877
- react.Icon,
12878
- {
12879
- icon: "fluent:add-circle-24-regular",
12880
- style: {
12881
- fontSize: "24px",
12882
- color: reactComponents.tokens.colorBrandStroke1
12883
- }
12884
- }
12885
- ),
12886
- "aria-label": mergedLabels.incrementQuantityAriaLabel,
12887
- size: "small",
12888
- onClick: () => {
12889
- const currentVal = getValues(
12890
- `owners.${index}.cargo.${cargoIndex}.quantity`
12891
- ) || 0;
12892
- const currentQty = Number(currentVal);
12893
- const newVal = currentQty + 1;
12894
- setValue(
12895
- `owners.${index}.cargo.${cargoIndex}.quantity`,
12896
- newVal
12897
- );
12898
- onUpdateCargoQuantity(
12899
- owner.id,
12900
- cargo.id,
12901
- newVal
12902
- );
12903
- },
12904
- style: {
12905
- minWidth: "32px",
12906
- padding: "0"
12907
12929
  }
12908
- }
12909
- )
12910
- ]
12911
- }
12912
- ),
12913
- /* @__PURE__ */ jsxRuntime.jsx(
12914
- "div",
12915
- {
12916
- style: {
12917
- flex: 1,
12918
- textAlign: "left",
12919
- color: reactComponents.tokens.colorNeutralForeground1,
12920
- fontSize: reactComponents.tokens.fontSizeBase300,
12921
- paddingRight: "8px"
12922
- },
12923
- children: (() => {
12924
- const type = watch(
12925
- `owners.${index}.cargo.${cargoIndex}.cargoType`
12926
- );
12927
- if (type === "karung")
12928
- return mergedLabels.cargoTypeOptions.karung;
12929
- if (type === "kg")
12930
- return mergedLabels.cargoTypeOptions.kg;
12931
- if (type === "ton")
12932
- return mergedLabels.cargoTypeOptions.ton;
12933
- if (type === "unit")
12934
- return mergedLabels.cargoTypeOptions.unit;
12935
- return "";
12936
- })()
12937
- }
12938
- )
12939
- ]
12940
- }
12941
- )
12942
- ] }),
12930
+ )
12931
+ ]
12932
+ }
12933
+ ),
12934
+ /* @__PURE__ */ jsxRuntime.jsx(
12935
+ "div",
12936
+ {
12937
+ style: {
12938
+ flex: 1,
12939
+ textAlign: "left",
12940
+ color: reactComponents.tokens.colorNeutralForeground1,
12941
+ fontSize: reactComponents.tokens.fontSizeBase300,
12942
+ paddingRight: "8px"
12943
+ },
12944
+ children: (() => {
12945
+ const type2 = watch(
12946
+ `owners.${index}.cargo.${cargoIndex}.cargoType`
12947
+ );
12948
+ const selectedLoadType2 = loadTypes.find(
12949
+ (loadType) => loadType.id === type2
12950
+ );
12951
+ return selectedLoadType2?.unit?.name || "87";
12952
+ })()
12953
+ }
12954
+ )
12955
+ ]
12956
+ }
12957
+ )
12958
+ ] });
12959
+ })(),
12943
12960
  /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { md: 3, children: [
12944
12961
  /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: mergedLabels.priceLabel }),
12945
12962
  /* @__PURE__ */ jsxRuntime.jsx(