@invoice-sdk/widget 0.0.0 → 1.5.2

package/src/pages/select-provider.tsx

@@ -1,74 +1,74 @@
-import { useNavigate } from "react-router-dom";
-import Button from "../components/button";
-import CustomCheckbox from "../components/form/custom-checkbox";
-import { useProcessStore } from "../store/process";
-import { useRegisterStore } from "../store/register";
-
-
-
-interface IProvider {
-    name: string;
-    route: string;
-};
-
-const providers: IProvider[] = [
-  { name: 'M-Invoice', route: 'm-invoice' },
-  { name: 'FPT', route: 'fpt' },
-  { name: 'Misa', route: 'misa' },
-];
-
-const ProviderItem = ({ provider, handleProviderChange }: { provider: IProvider, 
-  handleProviderChange: (provider: string) => void
-} ) => {
-  const selectedProvider = useRegisterStore((state) => state.selectedProvider)
-  return (
-    <div
-    data-checked={selectedProvider === provider.route}
-    className="flex items-center justify-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-100 cursor-pointer
-    transition-colors duration-200 data-[checked=true]:border-green-500 data-[checked=true]:text-green-700
-    "
-    onClick={() => handleProviderChange(provider.route)}
-    >
-      <CustomCheckbox checked={selectedProvider === provider.route}
-      setChecked={() => handleProviderChange(provider.route)}
-      />
-      <label className="">{provider.name}</label>
-    </div>
-  )
-}
-
-const SelectProvider = () => {
-
-  const navigate = useNavigate()
-  const selectedProvider = useRegisterStore((state) => state.selectedProvider);
-  const setSelectedProvider = useRegisterStore((state) => state.setSelectedProvider);
-  const nextStep = useProcessStore(state => state.nextStep);
-
-  const handleProviderChange = (provider: string) => {
-    setSelectedProvider(provider);
-  };
-
-  return (
-    <div className="w-full flex flex-col gap-6">
-      <h2 className="heading">Select Provider</h2>
-      <div className="flex gap-20">
-        {
-          providers.map((provider) => (
-            <ProviderItem key={provider.route} provider={provider} handleProviderChange={handleProviderChange} />
-          ))
-        }
-      </div>
-      <div className='text-right'>
-        <Button title={'Next'}
-        isDisabled={!selectedProvider}
-        handleClick={() => {
-          nextStep()
-          navigate("/register")
-        }}
-        />
-      </div>
-    </div>
-  )
-}
-
+import { useNavigate } from "react-router-dom";
+import Button from "../components/button";
+import CustomCheckbox from "../components/form/custom-checkbox";
+import { useProcessStore } from "../store/process";
+import { useRegisterStore } from "../store/register";
+
+
+
+interface IProvider {
+    name: string;
+    route: string;
+};
+
+const providers: IProvider[] = [
+  { name: 'M-Invoice', route: 'm-invoice' },
+  { name: 'FPT', route: 'fpt' },
+  { name: 'Misa', route: 'misa' },
+];
+
+const ProviderItem = ({ provider, handleProviderChange }: { provider: IProvider, 
+  handleProviderChange: (provider: string) => void
+} ) => {
+  const selectedProvider = useRegisterStore((state) => state.selectedProvider)
+  return (
+    <div
+    data-checked={selectedProvider === provider.route}
+    className="flex items-center justify-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-100 cursor-pointer
+    transition-colors duration-200 data-[checked=true]:border-green-500 data-[checked=true]:text-green-700
+    "
+    onClick={() => handleProviderChange(provider.route)}
+    >
+      <CustomCheckbox checked={selectedProvider === provider.route}
+      setChecked={() => handleProviderChange(provider.route)}
+      />
+      <label className="">{provider.name}</label>
+    </div>
+  )
+}
+
+const SelectProvider = () => {
+
+  const navigate = useNavigate()
+  const selectedProvider = useRegisterStore((state) => state.selectedProvider);
+  const setSelectedProvider = useRegisterStore((state) => state.setSelectedProvider);
+  const nextStep = useProcessStore(state => state.nextStep);
+
+  const handleProviderChange = (provider: string) => {
+    setSelectedProvider(provider);
+  };
+
+  return (
+    <div className="w-full flex flex-col gap-6">
+      <h2 className="heading">Select Provider</h2>
+      <div className="flex gap-20">
+        {
+          providers.map((provider) => (
+            <ProviderItem key={provider.route} provider={provider} handleProviderChange={handleProviderChange} />
+          ))
+        }
+      </div>
+      <div className='text-right'>
+        <Button title={'Next'}
+        isDisabled={!selectedProvider}
+        handleClick={() => {
+          nextStep()
+          navigate("/register")
+        }}
+        />
+      </div>
+    </div>
+  )
+}
+
 export default SelectProvider

package/src/pages/status.tsx

@@ -1,9 +1,9 @@
-
-
-const Status = () => {
-  return (
-    <div>Status</div>
-  )
-}
-
+
+
+const Status = () => {
+  return (
+    <div>Status</div>
+  )
+}
+
 export default Status

package/src/store/process.ts

@@ -1,18 +1,18 @@
-import {create} from 'zustand';
-
-type State = {
-  step: number;
- 
-}
-
-type Actions = {
-  nextStep: () => void
-  prevStep: () => void
-}
-
-export const useProcessStore = create<State & Actions>((set) => ({
-  step: 1,
-  nextStep: () => set((state) => ({ step: state.step + 1 })),
-  prevStep: () => set((state) => ({ step: Math.max(state.step - 1, 1) })),
-  reset: () => set({ step: 1})
+import {create} from 'zustand';
+
+type State = {
+  step: number;
+ 
+}
+
+type Actions = {
+  nextStep: () => void
+  prevStep: () => void
+}
+
+export const useProcessStore = create<State & Actions>((set) => ({
+  step: 1,
+  nextStep: () => set((state) => ({ step: state.step + 1 })),
+  prevStep: () => set((state) => ({ step: Math.max(state.step - 1, 1) })),
+  reset: () => set({ step: 1})
 }));

package/src/store/register.ts

@@ -1,60 +1,60 @@
-import {create } from 'zustand';
-
-type State = {
-  selectedProvider: string | null;
-  form: {
-    taxCode: string;
-    companyName: string;
-    representative: string;
-    position: string;
-    email: string;
-    phoneNumber: string | null;
-    address: string ;
-    license: File | null;
-  },
-  selectedPlan: string | null;
-}
-
-type Actions = {
-  setSelectedProvider: (provider: string | null) => void;
-  setForm: (form: Partial<State['form']>) => void;
-  setSelectedPlan: (plan: string | null) => void;
-  reset: () => void;
-}
-export const useRegisterStore = create<State & Actions>((set) => ({
-  selectedProvider: null,
-  form: {
-    taxCode: '',
-    companyName: '',
-    representative: '',
-    position: '',
-    email: '',
-    phoneNumber: null,
-    address: '',
-    license: null,
-  },
-  selectedPlan: null,
-
-  setSelectedProvider: (provider) => set({ selectedProvider: provider }),
-  
-  setForm: (form) => set((state) => ({
-    form: { ...state.form, ...form }
-  })),
-
-  setSelectedPlan: (plan) => set({ selectedPlan: plan }),
-
-  reset: () => set({
-    selectedProvider: null,
-    form: {
-      taxCode: '',
-      companyName: '',
-      representative: '',
-      position: '',
-      email: '',
-      phoneNumber: null,
-      address: '',
-      license: null,
-    },
-    selectedPlan: null,
-  }),
+import {create } from 'zustand';
+
+type State = {
+  selectedProvider: string | null;
+  form: {
+    taxCode: string;
+    companyName: string;
+    representative: string;
+    position: string;
+    email: string;
+    phoneNumber: string | null;
+    address: string ;
+    license: File | null;
+  },
+  selectedPlan: string | null;
+}
+
+type Actions = {
+  setSelectedProvider: (provider: string | null) => void;
+  setForm: (form: Partial<State['form']>) => void;
+  setSelectedPlan: (plan: string | null) => void;
+  reset: () => void;
+}
+export const useRegisterStore = create<State & Actions>((set) => ({
+  selectedProvider: null,
+  form: {
+    taxCode: '',
+    companyName: '',
+    representative: '',
+    position: '',
+    email: '',
+    phoneNumber: null,
+    address: '',
+    license: null,
+  },
+  selectedPlan: null,
+
+  setSelectedProvider: (provider) => set({ selectedProvider: provider }),
+  
+  setForm: (form) => set((state) => ({
+    form: { ...state.form, ...form }
+  })),
+
+  setSelectedPlan: (plan) => set({ selectedPlan: plan }),
+
+  reset: () => set({
+    selectedProvider: null,
+    form: {
+      taxCode: '',
+      companyName: '',
+      representative: '',
+      position: '',
+      email: '',
+      phoneNumber: null,
+      address: '',
+      license: null,
+    },
+    selectedPlan: null,
+  }),
 }));

package/tsconfig.json

@@ -1,19 +1,19 @@
-{
-  "compilerOptions": {
-    "target": "ES2019",          
-    "module": "CommonJS", 
-    "jsx": "react-jsx",       
-    "outDir": "dist", 
-    "rootDir": "src",           
-    "strict": true,
-    "declaration": true, 
-    "declarationMap": true,        
-    "sourceMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,   
-    "skipLibCheck": true,
-    "emitDeclarationOnly": true,
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2019",          
+    "module": "CommonJS", 
+    "jsx": "react-jsx",       
+    "outDir": "dist", 
+    "rootDir": "src",           
+    "strict": true,
+    "declaration": true, 
+    "declarationMap": true,        
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,   
+    "skipLibCheck": true,
+    "emitDeclarationOnly": true,
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/index.ts","./src/main.tsx","./src/vite-env.d.ts","./src/components/button.tsx","./src/components/layout.tsx","./src/components/process.tsx","./src/components/form/custom-checkbox.tsx","./src/components/form/file-upload.tsx","./src/components/form/input-field.tsx","./src/components/form/select-option.tsx","./src/pages/register.tsx","./src/pages/select-plan.tsx","./src/pages/select-provider.tsx","./src/pages/status.tsx","./src/store/process.ts","./src/store/register.ts"],"version":"5.8.3"}
+{"root":["./src/App.tsx","./src/index.ts","./src/main.tsx","./src/vite-env.d.ts","./src/components/button.tsx","./src/components/layout.tsx","./src/components/process.tsx","./src/components/form/custom-checkbox.tsx","./src/components/form/file-upload.tsx","./src/components/form/input-field.tsx","./src/components/form/select-option.tsx","./src/pages/register.tsx","./src/pages/select-plan.tsx","./src/pages/select-provider.tsx","./src/pages/status.tsx","./src/store/process.ts","./src/store/register.ts"],"version":"5.8.3"}