@redneckz/wildless-cms-uni-blocks 0.14.972 → 0.14.974

package/src/retail/components/Fields/PaymentSystemField.tsx

@@ -1,11 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { useAsyncEffect } from '../../../hooks/useAsyncEffect';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { RadioButtonGroupControl } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroupControl';
 import { type Option } from '../../../ui-kit/Select/Option';
+import { getCardSlugFromUrl } from '../../../utils/getSlugFromUrl';
 import { getPaymentSystems } from '../../api/getPaymentSystems';
+import { filterPaymentSystems } from '../../utils/filterPaymentSystems';
 
 const optionKey = (option: { key?: string } | undefined) => option?.key;
 
@@ -13,12 +16,28 @@ export const PaymentSystemField = JSX<CustomFieldProps>(({ field, input }) => {
   const [paymentSystemOptions, setPaymentSystemOptions] = useState<Option[]>([]);
 
   const localStore = useLocalStore<{ programId: string }>();
+  const sessionStore = useSessionStore<{ referrerUrl?: string }>();
+
   useAsyncEffect(async () => {
     const { programId } = localStore;
-    if (programId) {
-      const fetchedPaymentSystems = await getPaymentSystems(programId);
+    if (!programId) {
+      return;
+    }
+
+    const fetchedPaymentSystems = await getPaymentSystems(programId);
+
+    const referrerUrl = sessionStore.referrerUrl;
+
+    if (!referrerUrl) {
       setPaymentSystemOptions(fetchedPaymentSystems ?? []);
+
+      return;
     }
+
+    const slug = getCardSlugFromUrl(referrerUrl);
+    const filteredSystems = filterPaymentSystems(fetchedPaymentSystems ?? [], slug);
+
+    setPaymentSystemOptions(filteredSystems);
   }, []);
 
   const items = useMemo(

package/src/retail/components/Fields/RegionRetailField.tsx

@@ -1,19 +1,24 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { type ProductType } from '../../../components/ApplicationLeadForm/ApplicationLeadFormContent';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { type Option } from '../../../ui-kit/Select/Option';
 import { SelectControl } from '../../../ui-kit/Select/SelectControl';
 import { getRegionsCardDelivery } from '../../api/getRegionsCardDelivery';
+import { useBiblioglobusDefaultRegion } from '../../hooks/useBiblioglobusDefaultRegion';
 import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+import { calculateRegionHasDelivery, getRegionDeliveryStatus } from '../../utils/hasDelivery';
 
 export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const { programId, productType } = useRetailFormStore();
   const { data: regions } = useLeadFormData('REGION_RF');
   const { data: regionsDelivery } = useAsyncData('regionsDelivery', getRegionsCardDelivery);
   const { data: productSettings } = useLeadFormData(getCurrentProductSettings(productType));
+  const sessionStore = useSessionStore<{ referrerUrl?: string }>();
+
   const isDebit = productType === 'debitCard';
   const isSalaryCard = programId === '38';
   const isEsiaAuth = Boolean(field('esiaAccountTypeCd')?.value?.key);
@@ -24,20 +29,30 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const handleChangeRegionHasDelivery = field('regionHasDelivery')?.onChange;
   const handleChangeMethodObtain = field('methodObtain')?.onChange;
 
+  useBiblioglobusDefaultRegion({
+    referrerUrl: sessionStore.referrerUrl ?? undefined,
+    regions,
+    regionsDelivery,
+    onRegionChange: handleChangeRegion,
+    onRegionHasDeliveryChange: handleChangeRegionHasDelivery,
+    onMethodObtainChange: handleChangeMethodObtain,
+  });
+
   const onChange = useCallback(
     (value: Option) => {
-      const regionHasDelivery = isDebit
-        ? isEsiaAuth &&
-          !isSalaryCard &&
-          isDeliveryActive &&
-          regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg
-        : isDeliveryActive && regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg;
+      const regionHasDelivery = calculateRegionHasDelivery({
+        isDebit,
+        isEsiaAuth,
+        isSalaryCard,
+        isDeliveryActive,
+        regionDelivery: getRegionDeliveryStatus(regionsDelivery, value),
+      });
 
       handleChangeRegionHasDelivery?.(regionHasDelivery);
       handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
       handleChangeRegion?.(value);
     },
-    [regionsDelivery, isDeliveryActive, isEsiaAuth],
+    [calculateRegionHasDelivery],
   );
 
   useEffect(() => {

package/src/retail/hooks/useBiblioglobusDefaultRegion.ts

@@ -0,0 +1,56 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type Option } from '../../ui-kit/Select/Option';
+import { getCardSlugFromUrl } from '../../utils/getSlugFromUrl';
+import { type DictionaryItem } from '../model/LeadFormData';
+import { BIBLIOGLOBUS_SLUG } from '../utils/filterPaymentSystems';
+
+export type RegionDelivery = { regionCode: string; deliveryFlg: boolean };
+
+export const useBiblioglobusDefaultRegion = (args: {
+  referrerUrl?: string;
+  regions?: DictionaryItem[];
+  regionsDelivery?: RegionDelivery[];
+  onRegionChange?: (option: Option) => void;
+  onRegionHasDeliveryChange?: (value: boolean) => void;
+  onMethodObtainChange?: (value: string) => void;
+}) => {
+  const {
+    referrerUrl,
+    regions,
+    regionsDelivery,
+    onRegionChange,
+    onRegionHasDeliveryChange,
+    onMethodObtainChange,
+  } = args;
+
+  const slug = referrerUrl ? getCardSlugFromUrl(referrerUrl) : '';
+  const defaultRegion = regions?.find((region) => region.key === 'REGION_77');
+  const regionHasDelivery = Boolean(
+    regionsDelivery?.find((rd) => rd.regionCode === 'REGION_77')?.deliveryFlg,
+  );
+  const isReady = Boolean(
+    referrerUrl &&
+      regions &&
+      regionsDelivery &&
+      slug === BIBLIOGLOBUS_SLUG &&
+      defaultRegion?.key &&
+      defaultRegion?.value,
+  );
+
+  useEffect(() => {
+    if (!isReady || !defaultRegion || !defaultRegion.key || !defaultRegion.value) {
+      return;
+    }
+
+    onRegionChange?.({ key: defaultRegion.key, text: defaultRegion.value });
+    onRegionHasDeliveryChange?.(regionHasDelivery);
+    onMethodObtainChange?.(regionHasDelivery ? 'courier' : 'office');
+  }, [
+    isReady,
+    defaultRegion,
+    regionHasDelivery,
+    onRegionChange,
+    onRegionHasDeliveryChange,
+    onMethodObtainChange,
+  ]);
+};

package/src/retail/utils/filterPaymentSystems.ts

@@ -0,0 +1,14 @@
+import { type Option } from '../../ui-kit/Select/Option';
+
+const BIBLIOGLOBUS_SLUG = 'biblioglobus';
+const UNIONPAY_TEXT = 'UnionPay';
+
+export const filterPaymentSystems = (systems: Option[], slug: string | null): Option[] => {
+  if (slug !== BIBLIOGLOBUS_SLUG) {
+    return systems;
+  }
+
+  return systems.filter((system) => system.text === UNIONPAY_TEXT);
+};
+
+export { BIBLIOGLOBUS_SLUG };

package/src/retail/utils/hasDelivery.ts

@@ -0,0 +1,22 @@
+import { type Option } from '../../ui-kit/Select/Option';
+import { type RegionDelivery } from '../hooks/useBiblioglobusDefaultRegion';
+
+export const getRegionDeliveryStatus = (
+  regionsDelivery: RegionDelivery[] | undefined,
+  value: Option,
+) => regionsDelivery?.find((_) => _.regionCode === String(value.key))?.deliveryFlg;
+
+export const calculateRegionHasDelivery = (args: {
+  isDebit: boolean;
+  isEsiaAuth: boolean;
+  isSalaryCard: boolean;
+  isDeliveryActive: boolean;
+  regionDelivery?: boolean;
+}) => {
+  const { isDebit, isEsiaAuth, isSalaryCard, isDeliveryActive, regionDelivery } = args;
+  if (isDebit) {
+    return isEsiaAuth && !isSalaryCard && isDeliveryActive && regionDelivery;
+  }
+
+  return isDeliveryActive && regionDelivery;
+};

package/src/utils/getSlugFromUrl.ts

@@ -0,0 +1,10 @@
+export function getCardSlugFromUrl(url: string): string | null {
+  const lastSegment = url.split('/').filter(Boolean).pop();
+  if (!lastSegment) {
+    return null;
+  }
+
+  const parts = lastSegment.split('-');
+
+  return parts.length > 1 ? parts[parts.length - 1] : null;
+}