Čarobnjak za kreiranje klijenta
Kratki sažetak
Čarobnjak za kreiranje klijenta je forma s tri koraka: Osnovne informacije, Bankovni računi i Kontakti. Koristi react-hook-form, CreateClientRequest iz API modela i useCreateClient za slanje zahtjeva na /clients.
Najvažnije koristi:
- Veliki unos klijenta podijeljen je u razumljive korake.
- Javni registar može popuniti naziv, OIB, PDV ID, MB/MBS i adresu.
- Bankovni računi i kontakti dodaju se prije spremanja klijenta.
Kada koristiti ovu značajku
Koristite čarobnjak kada želite:
- kreirati novog klijenta iz modala,
- dovršiti setup vlastitog klijenta na
/my-client, - dodati osnovne matične podatke u jednom toku.
Ova značajka je posebno korisna za:
- administratore koji rade onboarding klijenta,
- računovođe koje pripremaju klijenta prije knjiženja,
- vlasnike poslovanja koji prvi put povezuju svoju organizaciju.
Prije nego što počnete
Prije korištenja provjerite sljedeće:
- imate naziv, OIB i adresne podatke klijenta,
- znate tip firme i porezni status,
- imate bankovni račun i kontakt ako ih želite dodati odmah.
Napomena: Zadane vrijednosti u kodu su r: "1", vatCode: "HR", countryID: 57 i companyType: COMPANY.
Brzi početak
U ovom primjeru pokazujemo najčešći tok kreiranja.
- Otvorite čarobnjak iz Dodaj ili
/my-client. - U prvom koraku unesite osnovne i poslovne podatke.
- Kliknite Sljedeće.
- Dodajte bankovne račune ili preskočite ako ih nemate.
- Dodajte kontakte ili preskočite ako ih nemate.
- Kliknite Spremi.
Nakon toga trebali biste vidjeti: uspješno kreiranog klijenta ili poruku greške ako API odbije zahtjev.
Detaljne upute
Korak 1: Osnovne informacije
Prvi korak prikazuje pretragu javnog registra i polja za naziv, adresu, državu, poštanski ured, općinu, porezni status, tip firme, OIB, ID broj, PDV ID, zanimanje, MB, konto kategoriju te HZZO/HZMO brojeve.
Primjer:
Naziv: Klijent d.o.o.
OIB: 12345678901
Tip firme: PoduzećeSnimka zaslona
prvi korak čarobnjaka s osnovnim i poslovnim podacima
Alt tekst: Čarobnjak za kreiranje klijenta s poljima osnovnih i poslovnih podataka.
Korak 2: Bankovni računi
Drugi korak omogućuje dodavanje bankovnih računa kroz modal. Polja uključuju model broja, broj računa, banku, naziv i oznaku Predlaže se.
Snimka zaslona
korak Bankovni računi u čarobnjaku
Alt tekst: Drugi korak čarobnjaka s tablicom bankovnih računa.
Korak 3: Kontakti
Treći korak omogućuje dodavanje kontakata kroz modal. Polja uključuju ime, prezime, opis, email, telefon, faks, mobitel i oznaku predloženog kontakta.
Primjer iz prakse
Zamislimo da računovodstvo preuzima novog klijenta iz javnog registra.
Scenarij:
- Korisnik: administrator
- Cilj: popuniti matične podatke bez ručnog prepisivanja
- Problem: podaci iz registra i interni kontakt trebaju biti povezani
- Rješenje: pretraga javnog registra popunjava osnovna polja, a korisnik dodaje račun i kontakt
Rezultat:
Klijent se kreira s manje ručnog unosa i spreman je za rad u modulima.
Showcase: kako značajka izgleda u aplikaciji
Pregled zaslona
Snimka zaslona
stepper čarobnjaka s tri koraka
Što korisnik vidi:
- stepper koraka,
- formu s validacijom,
- gumbe Sljedeće, Nazad i Spremi.
Primjer konfiguracije
Snimka zaslona
pregled dodanog bankovnog računa i kontakta
Preporučena konfiguracija za početnike:
| Postavka | Preporučena vrijednost | Zašto je korisna |
|---|---|---|
| Javni registar | Koristiti kada postoji rezultat | Smanjuje ručni unos |
| Predloženi bankovni račun | Označiti glavni IBAN | Pomaže kasnijim dokumentima |
| Predloženi kontakt | Označiti glavni kontakt | Pomaže komunikaciji i prikazu podataka |
Najčešće radnje
Kako primijeniti podatke iz javnog registra
- Upišite OIB, naziv ili MB.
- Odaberite rezultat.
- Kliknite Primijeni podatke.
Kako dodati bankovni račun
- U koraku Bankovni računi kliknite Dodaj.
- Ispunite polja računa.
- Spremite modal i provjerite tablicu.
Kako dodati kontakt
- U koraku Kontakti kliknite Dodaj.
- Ispunite kontakt podatke.
- Kliknite Spremi na zadnjem koraku.
Dobre prakse
Za najbolje rezultate:
- prvo primijenite podatke iz registra pa ručno dopunite ostatak,
- obavezno provjerite OIB nakon automatskog popunjavanja,
- dodajte glavnog kontakt korisnika,
- koristite predloženi bankovni račun za glavni poslovni račun.
Izbjegavajte:
- spremanje klijenta bez provjere tipa firme,
- prepisivanje podataka iz nepouzdanog izvora,
- unos više računa bez oznake koji je predloženi ako aplikacijski proces to zahtijeva.
Napredne mogućnosti
Ako trebate više kontrole, možete koristiti:
Javni registar preko generated clienta
Pretraga koristi /clients/public-company-search/search i vraća rezultate iz FINA InfoBiz i Sudskog registra kada su izvori dostupni.
Lokalni field array
Bankovni računi i kontakti dodaju se u react-hook-form field array i šalju u istom CreateClientRequest.
Full-page način
Ako je isFullPage uključen, zahtjev šalje assignToOrganisation: true, što backend koristi za povezivanje klijenta s organizacijom.
Dozvole i pristup
Za korištenje ove značajke potrebne su sljedeće dozvole:
| Radnja | Potrebna uloga/dozvola |
|---|---|
| Popunjavanje čarobnjaka | Pristup toku kreiranja klijenta |
Slanje POST /clients | Auth i organizacijski pristup |
| Pretraga javnog registra | Dostupan generated API i vanjski izvori |
| Izvoz / dijeljenje | [POTREBNO DOPUNITI] |
Ako ne vidite ovu značajku, moguće je da:
- nemate odgovarajuću dozvolu,
- značajka nije uključena u vašem paketu,
- administrator je ograničio pristup,
- integracija ili modul nije aktiviran.
Ograničenja
Trenutna ograničenja značajke:
- detaljna obaveznost svakog polja nije potpuno vidljiva iz pregledanog frontenda,
- javni registar može djelomično zakazati i prikazati upozorenje,
useCreateClientprikazuje generičku grešku bez detalja validacije.
Rješavanje problema
| Problem | Mogući uzrok | Rješenje |
|---|---|---|
| Ne mogu prijeći na sljedeći korak | Validacija forme nije prošla | Provjerite obavezna i neispravna polja |
| Javni registar nema rezultata | Pojam je prekratak ili registar nije dostupan | Upišite OIB ili naziv i pokušajte ponovno |
| Spremanje ne uspije | Backend validacija ili API greška | Provjerite OIB i pokušajte ponovno |
Česta pitanja
Koji su koraci čarobnjaka?
Koraci su Osnovne informacije, Bankovni računi i Kontakti.
Što radi assignToOrganisation?
Kada je true, backend nakon kreiranja klijenta povezuje tog klijenta s trenutnom organizacijom. To se koristi u full-page onboarding toku.
Mora li svaki klijent imati bankovni račun i kontakt?
Kod dopušta prazne field arraye, ali poslovna pravila potpunosti podataka treba potvrditi. Koristite [POTREBNO DOPUNITI] dok pravilo nije dokumentirano.
Povezane značajke
Sljedeći korak
Ako tek počinjete, preporučujemo da prvo napravite sljedeće:
- Isprobajte pretragu javnog registra.
- Prođite sva tri koraka bez spremanja.
- Kreirajte klijenta samo kada su podaci provjereni.
Nakon toga možete prijeći na: Full-page čarobnjak za kreiranje klijenta.