@redneckz/wildless-cms-uni-blocks 0.3.93 → 0.3.95

package/mobile/lib/hooks/useSafeDepositRental.js

@@ -6,7 +6,11 @@ export function useSafeDepositRental(useAsyncData) {
 }
 async function fetchSafeDepositRental() {
     try {
-        const response = await fetch(SAFE_DEPOSIT_RENTAL_URL);
+        const response = await fetch(SAFE_DEPOSIT_RENTAL_URL, {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        });
         return await response.json();
     }
     catch (err) {

package/mobile/lib/hooks/useSafeDepositRental.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSafeDepositRental.js","sourceRoot":"","sources":["../../src/hooks/useSafeDepositRental.ts"],"names":[],"mappings":"AAEA,MAAM,uBAAuB,GAAG,kCAAkC,CAAC;AAEnE,MAAM,UAAU,oBAAoB,CAAC,YAA2B;IAC9D,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,CAAC;IAE/E,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;IAE1B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,KAAK,UAAU,sBAAsB;IACnC,IAAI;QACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAEtD,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;KAC9B;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KACpB;AACH,CAAC"}
+{"version":3,"file":"useSafeDepositRental.js","sourceRoot":"","sources":["../../src/hooks/useSafeDepositRental.ts"],"names":[],"mappings":"AAEA,MAAM,uBAAuB,GAAG,kCAAkC,CAAC;AAEnE,MAAM,UAAU,oBAAoB,CAAC,YAA2B;IAC9D,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,CAAC;IAE/E,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;IAE1B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,KAAK,UAAU,sBAAsB;IACnC,IAAI;QACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,uBAAuB,EAAE;YACpD,OAAO,EAAE;gBACP,cAAc,EAAE,kBAAkB;aACnC;SACF,CAAC,CAAC;QAEH,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;KAC9B;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KACpB;AACH,CAAC"}

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -2231,6 +2231,10 @@
         ]
       }
     },
+    {
+      "type": "SafeDepositRental",
+      "style": ["col-span-12"]
+    },
 
     {
       "type": "Footer",

package/mobile/src/components/ExchangeRateTile/renderInput.tsx

@@ -19,7 +19,7 @@ export function renderInput(props: InputProps) {
   return (
     <div className="relative flex items-center">
       <Input
-        className="h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12"
+        className="shrink-0 h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12"
         placeholder={placeholder}
         type="text"
         value={value}
@@ -27,7 +27,7 @@ export function renderInput(props: InputProps) {
       />
       {rates.length ? (
         <Select
-          className="h-9 -translate-x-4 bg-transparent"
+          className="shrink-0 w-20 h-9 -translate-x-8 bg-transparent"
           value={selected}
           onChange={(_) => setSelected(_ as Currency)}
         >

package/mobile/src/components/GroupBlock/GroupBlockTabs.tsx

@@ -41,7 +41,7 @@ const renderTab =
     return (
       <div
         key={String(i)}
-        className={`flex-1 flex items-center justify-center cursor-pointer ${tabBg}`}
+        className={`flex-1 flex items-center justify-center cursor-pointer m-1 ${tabBg}`}
         role="tab"
         onClick={() => onTabClick(tab.tag)}
         aria-selected={isActive}

package/mobile/src/components/SafeDepositRental/SafeDepositRental.example.json

@@ -0,0 +1,3 @@
+{
+  "title": "Аренда сейфовых ячеек"
+}

package/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useSafeDepositRental } from '../../hooks/useSafeDepositRental';
 import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
@@ -10,10 +9,71 @@ export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlo
 
 const DEFAULT_DAYS = 26;
 
+const DATA = {
+  cities: [
+    {
+      city: 'Москва',
+      offices: [
+        {
+          office: 'МоскваОфис1',
+          rate: 1,
+        },
+        {
+          office: 'МоскваОфис2',
+          rate: 2,
+        },
+        {
+          office: 'МоскваОфис3',
+          rate: 3,
+        },
+      ],
+    },
+    {
+      city: 'Краснодар',
+      offices: [
+        {
+          office: 'КраснодарОфис1',
+          rate: 2,
+        },
+        {
+          office: 'КраснодарОфис2',
+          rate: 4,
+        },
+        {
+          office: 'КраснодарОфис3',
+          rate: 6,
+        },
+      ],
+    },
+  ],
+  cellDimensions: [
+    {
+      dimension: 'маленькая',
+    },
+    {
+      dimension: 'средняя',
+    },
+    {
+      dimension: 'большая',
+    },
+  ],
+  cellOptions: [
+    {
+      option: '125x225x375',
+    },
+    {
+      option: '200x300x400',
+    },
+    {
+      option: '300x400x500',
+    },
+  ],
+};
+
 export const SafeDepositRental = JSX<SafeDepositRentalProps>(
   ({ context, className = '', ...rest }) => {
     const [days, setDays] = context.useState(DEFAULT_DAYS);
-    const data = useSafeDepositRental(context.useAsyncData);
+    const data = DATA;
 
     return (
       <BlockWrapper context={context} className={`bg-white px-8 py-12 ${className}`} {...rest}>

package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -825,6 +825,262 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
   <div
     class="flex justify-between align-top mb-6"
   >
+    <div
+      class="flex-1 mr-9"
+    >
+      <div
+        class="flex justify-between mb-6"
+      >
+        <div
+          class="w-full mr-4"
+        >
+          <div>
+            <span
+              class="block font-light text-m mb-2"
+            >
+              Город
+            </span>
+            <select
+              class="appearance-none h-14 border border-gray p-4 rounded-md text-m-sm w-full cursor-pointer"
+              style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
+            >
+              <option
+                class=""
+                value="Москва"
+              >
+                Москва
+              </option>
+              <option
+                class=""
+                value="Краснодар"
+              >
+                Краснодар
+              </option>
+            </select>
+          </div>
+        </div>
+        <div
+          class="w-full"
+        >
+          <div>
+            <span
+              class="block font-light text-m mb-2"
+            >
+              Отделение
+            </span>
+            <select
+              class="appearance-none h-14 border border-gray p-4 rounded-md text-m-sm w-full cursor-pointer"
+              style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
+            >
+              <option
+                class=""
+                value="МоскваОфис1"
+              >
+                МоскваОфис1
+              </option>
+              <option
+                class=""
+                value="МоскваОфис2"
+              >
+                МоскваОфис2
+              </option>
+              <option
+                class=""
+                value="МоскваОфис3"
+              >
+                МоскваОфис3
+              </option>
+            </select>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mb-6"
+      >
+        <span
+          class="block font-light text-m mb-[3px]"
+        >
+          Срок аренды
+        </span>
+        <div>
+          <label
+            class="block relative"
+          >
+            <input
+              class="m-0 mt-[5px] font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 box-border text-primary-text"
+              value="26"
+            />
+            <div
+              class="absolute inset-x-0 bottom-[-4px] px-4 leading-[18px]"
+            >
+              <input
+                class="box-border w-full m-0 cursor-pointer slider"
+                max="365"
+                min="1"
+                step="1"
+                style="background-size: 6.87% 100%;"
+                type="range"
+                value="26"
+              />
+            </div>
+          </label>
+          <div
+            class="flex justify-between my-3"
+          >
+            <span
+              class="text-sm leading-[14px] text-secondary-text pl-4"
+            >
+              От 1 дня
+            </span>
+            <span
+              class="text-sm leading-[14px] text-secondary-text pl-4"
+            >
+              До 365 дней
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="flex justify-between mb-6"
+      >
+        <div
+          class="mr-4 w-full"
+        >
+          <div>
+            <span
+              class="block font-light text-m mb-2"
+            >
+              Размер ячейки
+            </span>
+            <select
+              class="appearance-none h-14 border border-gray p-4 rounded-md text-m-sm w-full cursor-pointer"
+              style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
+            >
+              <option
+                class=""
+                value="маленькая"
+              >
+                маленькая
+              </option>
+              <option
+                class=""
+                value="средняя"
+              >
+                средняя
+              </option>
+              <option
+                class=""
+                value="большая"
+              >
+                большая
+              </option>
+            </select>
+          </div>
+        </div>
+        <div
+          class="w-full"
+        >
+          <div>
+            <span
+              class="block font-light text-m mb-2"
+            >
+              Параметры ячейки, мм (ВхШхД)
+            </span>
+            <select
+              class="appearance-none h-14 border border-gray p-4 rounded-md text-m-sm w-full cursor-pointer"
+              style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
+            >
+              <option
+                class=""
+                value="125x225x375"
+              >
+                125x225x375
+              </option>
+              <option
+                class=""
+                value="200x300x400"
+              >
+                200x300x400
+              </option>
+              <option
+                class=""
+                value="300x400x500"
+              >
+                300x400x500
+              </option>
+            </select>
+          </div>
+        </div>
+      </div>
+      <span
+        class="text-secondary-text font-light"
+      >
+        Тип договора
+      </span>
+      <div
+        class="flex justify-between items-center mt-5"
+      >
+        <div>
+          <div
+            class="mb-2"
+          >
+            <label
+              class="flex items-center relative cursor-pointer"
+            >
+              <input
+                checked=""
+                class="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
+                name="contractType"
+                type="radio"
+                value="option1"
+              />
+              <span
+                class="font-sans ml-3 text-m-base cursor-pointer"
+              >
+                Простое хранение
+              </span>
+            </label>
+          </div>
+          <div>
+            <label
+              class="flex items-center relative cursor-pointer"
+            >
+              <input
+                class="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
+                name="contractType"
+                type="radio"
+                value="option2"
+              />
+              <span
+                class="font-sans ml-3 text-m-base cursor-pointer"
+              >
+                Сделка с недвижимостью
+              </span>
+            </label>
+          </div>
+        </div>
+        <a
+          class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md "
+          role="button"
+        >
+          <div
+            class="flex items-center justify-center gap-2 py-4 px-9 "
+          >
+            <div>
+              <div
+                class="text-xs text-left"
+              />
+              <div
+                class="text-left text-l"
+              >
+                Офисы на карте
+              </div>
+            </div>
+          </div>
+        </a>
+      </div>
+    </div>
     <div
       class="flex flex-col justify-between"
     >

package/mobile/src/hooks/useSafeDepositRental.ts

@@ -12,7 +12,11 @@ export function useSafeDepositRental(useAsyncData: AsyncDataHook) {
 
 async function fetchSafeDepositRental(): Promise<any | undefined> {
   try {
-    const response = await fetch(SAFE_DEPOSIT_RENTAL_URL);
+    const response = await fetch(SAFE_DEPOSIT_RENTAL_URL, {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
 
     return await response.json();
   } catch (err) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.93",
+  "version": "0.3.95",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ContentPage/ContentPage.page.json

@@ -2231,6 +2231,10 @@
         ]
       }
     },
+    {
+      "type": "SafeDepositRental",
+      "style": ["col-span-12"]
+    },
 
     {
       "type": "Footer",

package/src/components/ExchangeRateTile/renderInput.tsx

@@ -19,7 +19,7 @@ export function renderInput(props: InputProps) {
   return (
     <div className="relative flex items-center">
       <Input
-        className="h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12"
+        className="shrink-0 h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12"
         placeholder={placeholder}
         type="text"
         value={value}
@@ -27,7 +27,7 @@ export function renderInput(props: InputProps) {
       />
       {rates.length ? (
         <Select
-          className="h-9 -translate-x-4 bg-transparent"
+          className="shrink-0 w-20 h-9 -translate-x-8 bg-transparent"
           value={selected}
           onChange={(_) => setSelected(_ as Currency)}
         >

package/src/components/GroupBlock/GroupBlockTabs.tsx

@@ -41,7 +41,7 @@ const renderTab =
     return (
       <div
         key={String(i)}
-        className={`flex-1 flex items-center justify-center cursor-pointer ${tabBg}`}
+        className={`flex-1 flex items-center justify-center cursor-pointer m-1 ${tabBg}`}
         role="tab"
         onClick={() => onTabClick(tab.tag)}
         aria-selected={isActive}

package/src/components/SafeDepositRental/SafeDepositRental.example.json

@@ -0,0 +1,3 @@
+{
+  "title": "Аренда сейфовых ячеек"
+}

package/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useSafeDepositRental } from '../../hooks/useSafeDepositRental';
 import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
@@ -10,10 +9,71 @@ export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlo
 
 const DEFAULT_DAYS = 26;
 
+const DATA = {
+  cities: [
+    {
+      city: 'Москва',
+      offices: [
+        {
+          office: 'МоскваОфис1',
+          rate: 1,
+        },
+        {
+          office: 'МоскваОфис2',
+          rate: 2,
+        },
+        {
+          office: 'МоскваОфис3',
+          rate: 3,
+        },
+      ],
+    },
+    {
+      city: 'Краснодар',
+      offices: [
+        {
+          office: 'КраснодарОфис1',
+          rate: 2,
+        },
+        {
+          office: 'КраснодарОфис2',
+          rate: 4,
+        },
+        {
+          office: 'КраснодарОфис3',
+          rate: 6,
+        },
+      ],
+    },
+  ],
+  cellDimensions: [
+    {
+      dimension: 'маленькая',
+    },
+    {
+      dimension: 'средняя',
+    },
+    {
+      dimension: 'большая',
+    },
+  ],
+  cellOptions: [
+    {
+      option: '125x225x375',
+    },
+    {
+      option: '200x300x400',
+    },
+    {
+      option: '300x400x500',
+    },
+  ],
+};
+
 export const SafeDepositRental = JSX<SafeDepositRentalProps>(
   ({ context, className = '', ...rest }) => {
     const [days, setDays] = context.useState(DEFAULT_DAYS);
-    const data = useSafeDepositRental(context.useAsyncData);
+    const data = DATA;
 
     return (
       <BlockWrapper context={context} className={`bg-white px-8 py-12 ${className}`} {...rest}>