@redneckz/wildless-cms-uni-blocks 0.14.577 → 0.14.579

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -18,16 +18,32 @@ export type SubmitButtonProps = TextProps & {
 /**
  * @title Название поля ввода
  * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращени", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку"]
+ * @enumNames ["Фамилия", "Имя", "Отчество", "Образование", "Тип жилья", "Информация о трудоустройстве", "Тип организации", "Количество работающих в организации", "Вид деятельности работодателя", "Вид организации работодателя", "Должность в организации", "Email", "Телефон", "ФИО", "ИНН", "ОПФ", "Наименование организации", "Общий стаж", "Стаж на последнем рабочем месте", "Стаж", "Количество мест работы", "Дата начала работы на текущем месте", "Адрес работодателя", "Комментарий", "Регион", "Регион выездной сервис", "Адрес", "Тип формы", "День рождения", "Клиент банка", "Согласие на получение материалов", "Тип эквайринга", "Онлайн касса", "POS-терминал", "Направление обслуживания", "Ультра/Премиум", "Тип обратной связи", "Способ получения ответа", "Банковский служащий", "Дата и время обращения", "Дополнительный телефон", "ВЭД", "Срок (месяцев)", "Сумма ₽", "Годовой доход", "Количество объектов инкассации", "День встречи", "Продукт", "Комментарий партнёров", "Согласие на обработку"]
  */
 export type NameFieldDef =
   | 'surname'
   | 'name'
   | 'middleName'
+  | 'education'
+  | 'housing'
+  | 'employment'
+  | 'organization'
+  | 'amountWorkers'
+  | 'employerActivities'
+  | 'employerOrganization'
+  | 'positionOrganization'
   | 'email'
   | 'phone'
   | 'fullName'
   | 'inn'
+  | 'legalForm'
+  | 'organizationName'
+  | 'generalSeniority'
+  | 'lastJobExperience'
+  | 'experience5Years'
+  | 'jobsNumber'
+  | 'beginDate'
+  | 'fullAddress'
   | 'comment'
   | 'region'
   | 'addressBranch'

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -18,6 +18,14 @@ export interface FormState {
   birthday?: Date;
   phone?: string;
   secondaryPhone?: string;
+  education?: string;
+  housing?: string;
+  employment?: string;
+  organization?: string;
+  amountWorkers?: string;
+  employerActivities?: string;
+  employerOrganization?: string;
+  positionOrganization?: string;
   email?: string;
   acquiringType?: Option;
   serviceType?: Option;
@@ -32,6 +40,14 @@ export interface FormState {
   serviceDirection?: string;
   desiredMeetingDate?: string;
   inn?: number;
+  legalForm?: string;
+  organizationName?: string;
+  generalSeniority?: string;
+  lastJobExperience?: string;
+  experience5Years?: string;
+  jobsNumber?: string;
+  beginDate?: string;
+  fullAddress?: string;
   addressBranch?: string;
   bankEmpolee?: string;
   applicationDate?: string;

package/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -72,7 +72,7 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
             )}
             renderFoldButton={
               cardCells.length >= visibleCellsCount
-                ? renderFoldButton(isVisible, options?.parent, data)
+                ? renderFoldButton(options?.parent, data, isVisible)
                 : null
             }
           />
@@ -84,25 +84,27 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
   },
 );
 
-const renderFoldButton = (isUnfolded?: boolean, parent?: Slot, data?: AspectsDef[]) => (): VNode =>
-  (
-    <button
-      className="w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center"
-      onClick={() => {
-        if (parent !== undefined) {
-          defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
-        }
-      }}
-      type="button"
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...(isUnfolded ? getAspectsAttributes(data) : {})}
-    >
-      <div>{isUnfolded ? 'Скрыть' : 'Подробнее о тарифе'}</div>
-      <Icon
-        className="text-primary-text"
-        name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'}
-        width="16"
-        height="16"
-      />
-    </button>
-  );
+const renderFoldButton =
+  (parent?: Slot, data?: AspectsDef[], isUnfolded = false) =>
+  (): VNode =>
+    (
+      <button
+        className="w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center"
+        onClick={() => {
+          if (parent !== undefined) {
+            defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
+          }
+        }}
+        type="button"
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...(isUnfolded ? getAspectsAttributes(data) : {})}
+      >
+        <div>{isUnfolded ? 'Скрыть' : 'Подробнее о тарифе'}</div>
+        <Icon
+          className="text-primary-text"
+          name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+          width="16"
+          height="16"
+        />
+      </button>
+    );

package/src/components/Footer/SocialMedia.tsx

@@ -75,8 +75,11 @@ export const SocialMedia = JSX<SocialMediaProps>(
 const getStretchedStyle = (stretched = false) =>
   stretched ? 'flex-1 @lg:flex-initial justify-center' : '';
 
-const getClassName = (hasText: boolean, stretched: boolean, showButtonText = false): string =>
-  style(
+const getClassName = (hasText: boolean, stretched: boolean, showButtonText = false): string => {
+  const textStyleCondition = showButtonText ? !hasText : true;
+
+  return style(
     hasText || stretched ? 'basis-full' : '',
-    stretched && (showButtonText ? !hasText : true) ? 'flex-nowrap' : '',
+    stretched && textStyleCondition ? 'flex-nowrap' : '',
   );
+};

package/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -76,19 +76,20 @@ const renderInvestmentColumn = (
 ) => {
   const isSecondColumn = i === 1;
   const isLastColumn = i === arr.length - 1;
+  const reversedCells = column.cells?.reverse() || [];
 
   return (
     <div
       key={`column_${i}`}
       className={`${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`}
     >
-      {column.cells?.length ? (
+      {reversedCells.length ? (
         <div
           className={`w-full ${
             isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''
           }`}
         >
-          {column.cells.reverse().map(renderInvestmentCell)}
+          {reversedCells.map(renderInvestmentCell)}
         </div>
       ) : null}
     </div>

package/src/components/OfficesAtmsMap/renderButtonsGroup.tsx

@@ -12,20 +12,22 @@ export const renderButtonsGroup = (
   const businessButtonVersion = getVersion(activeButton === 'business');
 
   const handleClick = (e: any, key: string, branches: Branch[]) => {
-    if (e.currentTarget === e.target && key === 'business') {
-      branches.filter(
-        (branch) =>
-          branch.workSchedule &&
-          branch.workSchedule.businessScheduleVisibleTag &&
-          !branch.workSchedule.businessScheduleDescription,
-      );
-    }
+    const filteredBranches =
+      e.currentTarget === e.target && key === 'business' ? filterBranches(branches) : branches;
 
     onButtonClick(key);
 
-    return branches;
+    return filteredBranches;
   };
 
+  const filterBranches = (branches: Branch[]) =>
+    branches.filter(
+      (branch) =>
+        branch.workSchedule &&
+        branch.workSchedule.businessScheduleVisibleTag &&
+        !branch.workSchedule.businessScheduleDescription,
+    );
+
   return (
     <div className="flex gap-lg flex-col sm:flex-row pb-lg">
       <Button data-id="all" onClick={(e) => handleClick(e, 'all', data)} version={allButtonVersion}>

package/src/components/OfficesAtmsMap/renderFiltrationForm.tsx

@@ -56,7 +56,7 @@ export const renderFiltrationForm = ({
 };
 
 export const renderFoldButton =
-  (reset: () => void, onlyOffice?: boolean) =>
+  (reset: () => void, onlyOffice = false) =>
   ({ isUnfolded, onToggle }: FoldablePartProps) => {
     const labels = ['Больше фильтров', 'Меньше фильтров'];
     const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.tsx

@@ -74,7 +74,7 @@ const renderDescriptionBlock = (props: RichTextProps) => (
 interface renderBlockProps {
   label?: string;
   data?: string;
-  iconName?: IconName | undefined;
+  iconName?: IconName;
   dataColor?: TextColor;
 }
 

package/src/hooks/useLeadFormData.ts

@@ -0,0 +1,18 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { type LeadProps } from '../ui-kit/FormField/SelectField';
+import { fetchJSON } from '../utils/fetchJSON';
+
+export const useLeadFormData = (typeField: string) => {
+  const { data, error } = useAsyncData(
+    `https://portal-ui-cc.cprb.dev.rshbdev.ru/light-api-cash/v1/dictionary?dictionaryType=${typeField}`,
+    fetchData,
+  );
+
+  return { data, error };
+};
+
+const fetchData = async (url: string): Promise<LeadProps[]> => {
+  const result = await fetchJSON<LeadProps[]>(url, { method: 'POST' });
+
+  return result || [];
+};

package/src/ui-kit/Button/Button.tsx

@@ -28,7 +28,7 @@ const secondaryButtonStyleMap: Record<ButtonVersion, string> = {
 export interface ButtonProps extends ControlStateProps, ARIAProps {
   className?: string;
   version?: ButtonVersion;
-  type?: 'button' | 'submit' | 'reset' | undefined;
+  type?: 'button' | 'submit' | 'reset';
   rounded?: boolean;
   role?: string;
   onClick?: (ev?: PreventableEvent) => void;

package/src/ui-kit/DatePicker/renderCalendarCells.tsx

@@ -10,8 +10,8 @@ interface RenderCalendarCellsParams {
   totalDays: number;
   currentYear: number;
   currentMonth: number;
-  min?: Date | undefined;
-  max?: Date | undefined;
+  min?: Date;
+  max?: Date;
   onDateClick: (date: Date) => void;
 }
 
@@ -68,7 +68,7 @@ const checkIsToday = (currentDate: Date, today: Date | undefined) =>
 const checkIsDisabled = (currentDate: Date, min: Date | undefined, max: Date | undefined) =>
   (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
 
-const getDayStyles = (isToday: boolean | undefined, isDisabled: boolean | undefined) =>
+const getDayStyles = (isToday = false, isDisabled = false) =>
   style(
     'p-s text-center rounded-md border',
     {

package/src/ui-kit/DialogManager/DialogManager.tsx

@@ -7,8 +7,8 @@ import { useDialogManager } from './useDialogManager';
 import { useDialogsList } from './useDialogsList';
 
 export const DialogManager = JSX(() => {
-  const handleCloseAll = useCallback((dialogs: DialogOpenAction[]) => {
-    for (const _ of dialogs) {
+  const handleCloseAll = useCallback((dialogActions: DialogOpenAction[]) => {
+    for (const _ of dialogActions) {
       _?.onClose && _.onClose();
     }
   }, []);

package/src/ui-kit/FormField/Fields/AmountWorkersField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const AmountWorkersField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: amountWorkers } = useLeadFormData('EMPLOYEES_NUMBER');
+
+  return (
+    <SelectField
+      field={field}
+      source={amountWorkers || []}
+      label="Количество работающих в организации"
+      fieldName="amountWorkers"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/BeginDateField.tsx

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const BeginDateField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl
+    label="Дата начала работы на текущем месте"
+    {...getValidation(field('beginDate'), validatorObj.beginDate, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/EducationField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const EducationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: education } = useLeadFormData('EDUCATION_LEVEL');
+
+  return (
+    <SelectField
+      field={field}
+      source={education || []}
+      label="Образование"
+      fieldName="education"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EmployerActivitiesField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const EmployerActivitiesField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: employerActivities } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={employerActivities || []}
+      label="Вид деятельности организации-работодателя"
+      fieldName="employerActivities"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EmployerOrganizationField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const EmployerOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: employerOrganization } = useLeadFormData('ORGANIZATION_KIND');
+
+  return (
+    <SelectField
+      field={field}
+      source={employerOrganization || []}
+      label="Вид организации работодателя"
+      fieldName="employerOrganization"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/EmploymentField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const EmploymentField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: employment } = useLeadFormData('EMPLOYMENT_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={employment || []}
+      label="Информация о трудоустройстве"
+      fieldName="employment"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/Experience5YearsField.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const Experience5YearsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Стаж"
+    placeholder="За последние 5 лет"
+    {...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/FullAddressField.tsx

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const FullAddressField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Адрес"
+    {...getValidation(field('fullAddress'), validatorObj.fullAddress, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/GeneralSeniorityField.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Общий стаж"
+    placeholder="Количество лет"
+    {...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/HousingField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const HousingField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: housing } = useLeadFormData('HOUSE_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={housing || []}
+      label="Тип жилья"
+      fieldName="housing"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/JobsNumberField.tsx

@@ -0,0 +1,15 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Общий стаж"
+    placeholder="Количество лет"
+    type="number"
+    {...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/LastJobExperienceField.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Стаж на последнем рабочем месте"
+    placeholder="Количество лет"
+    {...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/LegalFormField.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const LegalFormField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="ОПФ"
+    placeholder="ООО, ПАО  и др."
+    {...getValidation(field('legalForm'), validatorObj.legalForm, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/OrganizationField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const OrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: organization } = useLeadFormData('ORGANIZATION_TYPE');
+
+  return (
+    <SelectField
+      field={field}
+      source={organization || []}
+      label="Тип организации"
+      fieldName="organization"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/OrganizationNameField.tsx

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const OrganizationNameField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Наименование организации"
+    {...getValidation(field('organizationName'), validatorObj.organizationName, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/PositionOrganizationField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const PositionOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: positionOrganization } = useLeadFormData('POSITION');
+
+  return (
+    <SelectField
+      field={field}
+      source={positionOrganization || []}
+      label="Должность в организации"
+      fieldName="positionOrganization"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/SelectField.tsx

@@ -0,0 +1,37 @@
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { SelectControl } from '../Select/SelectControl';
+import { type CustomFieldProps } from './CustomFieldProps';
+import { validatorObj } from './getObjectValidator';
+import { getValidation } from './getValidation';
+
+export interface LeadProps {
+  type: string;
+  key: string;
+  value: string;
+  displayOrder: number;
+  description: string;
+}
+
+export interface SelectFieldProps extends CustomFieldProps, UniBlockProps {
+  source?: LeadProps[];
+  label: string;
+  fieldName: string;
+}
+
+export const SelectField = UniBlock<SelectFieldProps>(
+  ({ field, source, label, fieldName, input }) => {
+    const leadDescription = (source && source?.map((_: LeadProps) => _.description)) || [];
+
+    return (
+      <SelectControl
+        placeholder="Выберите из списка"
+        label={label}
+        options={arrayToOptions(leadDescription)}
+        {...getValidation(field(fieldName), validatorObj[fieldName], input?.required)}
+      />
+    );
+  },
+);
+
+const arrayToOptions = (array?: string[]) => (array ?? []).map((_) => ({ key: _, value: _ }));

package/src/ui-kit/FormField/dataSources.ts

@@ -0,0 +1,3 @@
+export const PRODUCT_REF = {
+  $ref: '/wcms-resources/outservice-productlist.json',
+};