@redneckz/wildless-cms-uni-blocks 0.14.712 → 0.14.714

package/src/components/CreditCardForm/CreditCardForm.fixture.mobile.tsx

@@ -1,25 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useAsyncEffect } from '../../hooks/useAsyncEffect';
+import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
 import '../../setup-fixture';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { CreditCardForm } from './CreditCardForm';
 
-const MOCK_TOKEN = 'mock-key';
-const MOCK_TASK_ID = '111111';
-
-const refreshToken = globalThis.sessionStorage?.getItem('refreshToken');
-const accessToken = globalThis.sessionStorage?.getItem('accessToken');
-const taskId = globalThis.localStorage.getItem('taskId');
-
-!refreshToken && globalThis.sessionStorage?.setItem('refreshToken', MOCK_TOKEN);
-!accessToken && globalThis.sessionStorage?.setItem('accessToken', MOCK_TOKEN);
-!taskId && globalThis.localStorage.setItem('taskId', MOCK_TASK_ID);
-
 export default {
-  default: (
-    <div>
-      <CreditCardForm className="col-span-12" />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
+  default: JSX(() => {
+    useAsyncEffect(async () => await mockLocalStorage(), []);
+
+    return (
+      <div>
+        <CreditCardForm className="col-span-12" />
+        <PopupManager />
+        <DialogManager />
+      </div>
+    );
+  }),
 };

package/src/components/CreditCardForm/CreditCardForm.fixture.tsx

@@ -1,25 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useAsyncEffect } from '../../hooks/useAsyncEffect';
+import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
 import '../../setup-fixture';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { CreditCardForm } from './CreditCardForm';
 
-const MOCK_TOKEN = 'mock-key';
-const MOCK_TASK_ID = '111111';
-
-const refreshToken = globalThis.sessionStorage?.getItem('refreshToken');
-const accessToken = globalThis.sessionStorage?.getItem('accessToken');
-const taskId = globalThis.localStorage.getItem('taskId');
-
-!refreshToken && globalThis.sessionStorage?.setItem('refreshToken', MOCK_TOKEN);
-!accessToken && globalThis.sessionStorage?.setItem('accessToken', MOCK_TOKEN);
-!taskId && globalThis.localStorage.setItem('taskId', MOCK_TASK_ID);
-
 export default {
-  default: (
-    <div>
-      <CreditCardForm className="col-span-12" />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
+  default: JSX(() => {
+    useAsyncEffect(async () => await mockLocalStorage(), []);
+
+    return (
+      <div>
+        <CreditCardForm className="col-span-12" />
+        <PopupManager />
+        <DialogManager />
+      </div>
+    );
+  }),
 };

package/src/components/CreditCardForm/CreditCardFormStatusTracker.tsx

@@ -50,7 +50,10 @@ const renderStatus = (status: STATUS_TYPE, handleExpire: () => void) => {
   const statusesMap: Record<STATUS_TYPE, VNode> = {
     IN_PROCESS: <PendingStatusContent handleExpireTimer={handleExpire} />,
     CANCELLED: <FailedStatusContent />,
+    FAILED: <FailedStatusContent />,
+    DRAFT: <FailedStatusContent />,
     APPROVED: <SuccessStatusContent />,
+    PRE_DECISION: <SuccessStatusContent />,
     REVISION: <ReworkStatusContent />,
   };
 

package/src/components/CreditForm/CreditForm.fixture.mobile.tsx

@@ -1,30 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useAsyncEffect } from '../../hooks/useAsyncEffect';
+import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
 import '../../setup-fixture';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { CreditForm } from './CreditForm';
 
-const MOCK_TOKEN = 'mock-key';
-const MOCK_TASK_ID = '111111';
-
-const refreshToken = globalThis.sessionStorage?.getItem('refreshToken');
-const accessToken = globalThis.sessionStorage?.getItem('accessToken');
-const taskId = globalThis.localStorage.getItem('taskId');
-
-!refreshToken && globalThis.sessionStorage?.setItem('refreshToken', MOCK_TOKEN);
-!accessToken && globalThis.sessionStorage?.setItem('accessToken', MOCK_TOKEN);
-!taskId && globalThis.localStorage.setItem('taskId', MOCK_TASK_ID);
-
 export default {
-  default: (
-    <div>
-      <CreditForm
-        className="col-span-12"
-        programsSource={{
-          $ref: '/wcms-resources/products-credit-calc-data.json',
-        }}
-      />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
+  default: JSX(() => {
+    useAsyncEffect(async () => await mockLocalStorage(), []);
+
+    return (
+      <div>
+        <CreditForm
+          className="col-span-12"
+          programsSource={{
+            $ref: '/wcms-resources/products-credit-calc-data.json',
+          }}
+        />
+        <PopupManager />
+        <DialogManager />
+      </div>
+    );
+  }),
 };

package/src/components/CreditForm/CreditForm.fixture.tsx

@@ -1,30 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useAsyncEffect } from '../../hooks/useAsyncEffect';
+import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
 import '../../setup-fixture';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
 import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { CreditForm } from './CreditForm';
 
-const MOCK_TOKEN = 'mock-key';
-const MOCK_TASK_ID = '111111';
-
-const refreshToken = globalThis.sessionStorage?.getItem('refreshToken');
-const accessToken = globalThis.sessionStorage?.getItem('accessToken');
-const taskId = globalThis.localStorage.getItem('taskId');
-
-!refreshToken && globalThis.sessionStorage?.setItem('refreshToken', MOCK_TOKEN);
-!accessToken && globalThis.sessionStorage?.setItem('accessToken', MOCK_TOKEN);
-!taskId && globalThis.localStorage.setItem('taskId', MOCK_TASK_ID);
-
 export default {
-  default: (
-    <div>
-      <CreditForm
-        className="col-span-12"
-        programsSource={{
-          $ref: '/wcms-resources/products-credit-calc-data.json',
-        }}
-      />
-      <PopupManager />
-      <DialogManager />
-    </div>
-  ),
+  default: JSX(() => {
+    useAsyncEffect(async () => await mockLocalStorage(), []);
+
+    return (
+      <div>
+        <CreditForm
+          className="col-span-12"
+          programsSource={{
+            $ref: '/wcms-resources/products-credit-calc-data.json',
+          }}
+        />
+        <PopupManager />
+        <DialogManager />
+      </div>
+    );
+  }),
 };

package/src/components/CreditForm/CreditFormStatusTracker.tsx

@@ -49,7 +49,10 @@ const renderStatus = (status: STATUS_TYPE, handleExpire: () => void) => {
   const statusesMap: Record<STATUS_TYPE, VNode> = {
     IN_PROCESS: <PendingStatusContent handleExpireTimer={handleExpire} />,
     CANCELLED: <FailedStatusContent />,
+    FAILED: <FailedStatusContent />,
+    DRAFT: <FailedStatusContent />,
     APPROVED: <SuccessStatusContent />,
+    PRE_DECISION: <SuccessStatusContent />,
     REVISION: <ReworkStatusContent />,
   };
 

package/src/hooks/useAsyncEffect.ts

@@ -0,0 +1,16 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+
+export function useAsyncEffect<Deps extends any[], R>(
+  effect: () => Promise<R | (() => void)>,
+  deps: Deps,
+): void {
+  useEffect(() => {
+    const free = effect();
+
+    return () => {
+      free.then((_) => {
+        _ instanceof Function && _();
+      });
+    };
+  }, deps);
+}

package/src/services/retail/mockLocalStorage.ts

@@ -0,0 +1,40 @@
+import { checkCode } from '../../api/RetailAPI/checkCode';
+import { createDraftTask } from '../../api/RetailAPI/createDraftTask';
+import { createUserProfile } from '../../api/RetailAPI/createUserProfile';
+import { sendCode } from '../../api/RetailAPI/sendCode';
+
+const PHONE = '+11111111111';
+const PROGRAM_ID = '13';
+
+export const mockLocalStorage = async () => {
+  const programId = globalThis.localStorage.getItem('programId') ?? PROGRAM_ID;
+
+  const profileId =
+    globalThis.localStorage.getItem('profileId') ??
+    (await createUserProfile({ profile: { phone: PHONE } }));
+
+  await sendCode({
+    phoneNumber: PHONE,
+    smsCodesSetName: { key: 'AUTHENTICATION' },
+  });
+
+  await checkCode({
+    smsCodesSetName: { key: 'AUTHENTICATION' },
+    smsText: '1234',
+  });
+
+  const task = {
+    taskId: globalThis.localStorage.getItem('taskId'),
+    participantId: globalThis.localStorage.getItem('participantId'),
+  };
+
+  if (!task.taskId || !task.participantId) {
+    const draft = await createDraftTask({ profileId: Number(profileId), programId });
+    Object.assign(task, draft);
+  }
+
+  globalThis.localStorage.setItem('programId', programId);
+  globalThis.localStorage.setItem('profileId', String(profileId));
+  globalThis.localStorage.setItem('taskId', String(task.taskId));
+  globalThis.localStorage.setItem('participantId', String(task.participantId));
+};

package/src/setup-fixture.ts

@@ -1,8 +1,10 @@
 import '@redneckz/uni-jsx/lib/setup.react';
 import { useEffect, useState } from 'react';
 import { handlerDecorator } from './external/handlerDecorator';
+import { locationNavigator } from './external/locationNavigator';
 import { useRouter } from './external/useRouter';
 import { projectSettings } from './ProjectSettings';
+import { noop } from './utils/noop';
 import { joinPath } from './utils/url';
 import wlc from './wlc.json';
 
@@ -49,3 +51,13 @@ handlerDecorator.setup((handler): any => (ev) => {
 
   handler(ev);
 });
+
+locationNavigator.setup(() => ({
+  assign: noop,
+  get href() {
+    return globalThis.location.href;
+  },
+  get origin() {
+    return globalThis.location.origin;
+  },
+}));