@sikka/hawa 0.0.99 → 0.0.101

package/dist/styles.css

@@ -559,6 +559,9 @@ video {
 .z-40 {
   z-index: 40;
 }
+.m-3 {
+  margin: 0.75rem;
+}
 .m-2 {
   margin: 0.5rem;
 }
@@ -702,6 +705,15 @@ video {
 .h-12 {
   height: 3rem;
 }
+.h-96 {
+  height: 24rem;
+}
+.max-h-72 {
+  max-height: 18rem;
+}
+.max-h-0 {
+  max-height: 0px;
+}
 .max-h-fit {
   max-height: -moz-fit-content;
   max-height: fit-content;
@@ -813,6 +825,34 @@ video {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+@keyframes expandDown {
+
+  0% {
+    max-height: 0;
+    height: 0;
+  }
+
+  100% {
+    max-height: 100px;
+  }
+}
+.animate-expandDown {
+  animation: expandDown 100ms linear;
+}
+@keyframes expandUp {
+
+  0% {
+    max-height: 100px;
+  }
+
+  100% {
+    max-height: 0;
+    height: 0;
+  }
+}
+.animate-expandUp {
+  animation: expandUp 100ms linear;
+}
 .cursor-default {
   cursor: default;
 }
@@ -924,6 +964,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overflow-y-clip {
+  overflow-y: clip;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -972,6 +1015,12 @@ video {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
+.rounded-tr-none {
+  border-top-right-radius: 0px;
+}
+.rounded-bl-none {
+  border-bottom-left-radius: 0px;
+}
 .rounded-bl-lg {
   border-bottom-left-radius: 0.5rem;
 }
@@ -1021,6 +1070,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -1099,10 +1152,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(163 208 57 / var(--tw-bg-opacity));
 }
-.bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-}
 .bg-primary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(61 147 249 / var(--tw-bg-opacity));
@@ -1149,6 +1198,10 @@ video {
 .p-10 {
   padding: 2.5rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
@@ -1157,10 +1210,6 @@ video {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;

package/es/blocks/Account/UserProfileForm.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type UserProfileFormTypes = {
+    inputs: any;
+    texts: any;
+    handleUpdateProfile: any;
+};
+export declare const UserProfileForm: React.FunctionComponent<UserProfileFormTypes>;
+export {};

package/es/blocks/Account/UserSettingsForm.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type UserSettingsFormTypes = {
+    children: any;
+    handleSaveSettings: any;
+    saveSettingsText: string;
+};
+export declare const UserSettingsForm: React.FunctionComponent<UserSettingsFormTypes>;
+export {};

package/es/blocks/Account/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./UserProfileForm";
+export * from "./UserSettingsForm";

package/es/blocks/AuthForms/AppLanding.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type AppLandingTypes = {
+    handleSignIn: any;
+    handleSignUp: any;
+    handleLanguage: any;
+    texts: {
+        signIn: string;
+        signUp: string;
+        lang: string;
+    };
+};
+export declare const AppLanding: React.FunctionComponent<AppLandingTypes>;
+export {};

package/es/blocks/AuthForms/CodeConfirmation.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type CodeConfirmationTypes = {
+    showError: any;
+    errorTitle: any;
+    errorText: any;
+    texts: any;
+    handleSignIn: any;
+};
+export declare const CodeConfirmation: React.FunctionComponent<CodeConfirmationTypes>;
+export {};

package/es/blocks/AuthForms/NewPasswordForm.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+type NewPasswordTypes = {
+    handleNewPassword: any;
+    passwordChanged: any;
+    errorText: any;
+    texts: {
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        passwordPlaceholder: string;
+        updatePassword: string;
+        passwordRequiredText: string;
+        passwordLabel: string;
+        confirmPasswordPlaceholder: string;
+        confirmPasswordLabel: string;
+        confirmPasswordRequiredText: string;
+        passwordMatchError: string;
+        forgotPasswordText: string;
+        passwordChanged: string;
+    };
+    handleSignIn: any;
+};
+export declare const NewPasswordForm: React.FunctionComponent<NewPasswordTypes>;
+export {};

package/es/blocks/AuthForms/ResetPasswordForm.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+type ResetPasswordType = {
+    handleResetPassword: any;
+    passwordChanged: any;
+    errorText: any;
+    sent: any;
+    handleSignIn: any;
+    texts: {
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        emailSentText: string;
+        resetPassword: string;
+    };
+};
+export declare const ResetPasswordForm: React.FunctionComponent<ResetPasswordType>;
+export {};

package/es/blocks/AuthForms/SignInForm.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+type SignInFormTypes = {
+    showError: any;
+    errorTitle: string;
+    errorText: string;
+    signInType: "email" | "username" | "phone";
+    texts: {
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        usernameLabel: string;
+        usernamePlaceholder: string;
+        usernameRequired: string;
+        usernameRequiredText: string;
+        phoneRequiredText: string;
+        passwordLabel: string;
+        passwordPlaceholder: string;
+        passwordRequiredText: string;
+        forgotPasswordText: string;
+        newUserText: string;
+        signUpText: string;
+        signInText: string;
+        googleButtonLabel: string;
+        githubButtonLabel: string;
+        twitterButtonLabel: string;
+    };
+    withoutResetPassword: boolean;
+    withoutSignUp: boolean;
+    isLoading: any;
+    viaGoogle: boolean;
+    viaGithub: boolean;
+    viaTwitter: boolean;
+    handleSignIn: any;
+    handleRouteToSignUp: any;
+    handleForgotPassword: any;
+    handleGoogleSignIn: any;
+    handleGithubSignIn: any;
+    handleTwitterSignIn: any;
+};
+export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
+export {};

package/es/blocks/AuthForms/SignInPhone.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type SignInPhoneTypes = {
+    value: any;
+    onSubmit: any;
+    country: any;
+    label: any;
+    handlePhoneChange: any;
+    phoneRequiredText: any;
+    SignInButtonText: any;
+};
+export declare const SignInPhone: React.FunctionComponent<SignInPhoneTypes>;
+export {};

package/es/blocks/AuthForms/SignUpForm.d.ts

@@ -0,0 +1,51 @@
+import React from "react";
+type SignUpFormTypes = {
+    texts: {
+        fullNameLabel: string;
+        fullNamePlaceholder: string;
+        fullNameRequiredText: string;
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        usernameLabel: string;
+        usernamePlaceholder: string;
+        usernameRequired: string;
+        passwordLabel: string;
+        passwordPlaceholder: string;
+        passwordRequiredText: string;
+        passwordTooShortText: string;
+        confirmPasswordLabel: string;
+        confirmPasswordPlaceholder: string;
+        subscribeToNewsletter: string;
+        forgotPasswordText: string;
+        termsText: string;
+        iAcceptText: string;
+        termsRequiredText: string;
+        newUserText: string;
+        signUpText: string;
+        signInText: string;
+        existingUserText: string;
+        googleButtonLabel: string;
+        githubButtonLabel: string;
+        twitterButtonLabel: string;
+    };
+    showUserSource: any;
+    signUpType: any;
+    viaGoogle: boolean;
+    viaGithub: boolean;
+    viaTwitter: boolean;
+    showNewsletterOption: boolean;
+    showRefCode: boolean;
+    showTermsOption: boolean;
+    handleSignUp: any;
+    handleRouteToSignIn: any;
+    handleGoogleSignUp: any;
+    handleGithubSignUp: any;
+    handleTwitterSignUp: any;
+    showError: any;
+    errorTitle: any;
+    errorText: any;
+};
+export declare const SignUpForm: React.FunctionComponent<SignUpFormTypes>;
+export {};

package/es/blocks/AuthForms/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./AppLanding";
+export * from "./SignInPhone";
+export * from "./SignInForm";
+export * from "./SignUpForm";
+export * from "./NewPasswordForm";
+export * from "./ResetPasswordForm";
+export * from "./CodeConfirmation";

package/es/blocks/Misc/NotFound.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type NotFoundTypes = {};
+export declare const NotFound: React.FunctionComponent<NotFoundTypes>;
+export {};

package/es/blocks/Misc/index.d.ts

@@ -0,0 +1 @@
+export * from "./NotFound";

package/es/blocks/Payment/ChargeWalletForm.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type ChargeWalletTypes = {
+    currency: any;
+    handleChargeWallet: any;
+    texts: {
+        amountLabel: string;
+        amountRequired: string;
+        chargeWallet: string;
+    };
+};
+export declare const ChargeWalletForm: React.FunctionComponent<ChargeWalletTypes>;
+export {};

package/es/blocks/Payment/CheckoutForm.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+type CheckoutFormTypes = {
+    lang: string;
+    products: any;
+    total: any;
+    handlePayNow: any;
+    countriesList: any;
+    texts: {
+        orderDetails: string;
+        billingAddress: string;
+        payNow: string;
+        emailLabel: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        firstNameLabel: string;
+        required: string;
+        lastNameLabel: string;
+        streetAddressLabel: string;
+        buildingNumberLabel: string;
+        cityLabel: string;
+        stateLabel: string;
+        countryLabel: string;
+        zipCodeLabel: string;
+    };
+};
+export declare const CheckoutForm: React.FunctionComponent<CheckoutFormTypes>;
+export {};

package/es/blocks/Payment/Confirmation.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+type ConfirmationPageTypes = {
+    texts: {
+        print: string;
+        history: string;
+        homePage: string;
+        successMessage: string;
+        orderDetails: string;
+        fasterPaymentNote: string;
+        billingAddress: string;
+        payNow: string;
+        yourOrderNumber: string;
+        emailLabel: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        firstNameLabel: string;
+        required: string;
+        lastNameLabel: string;
+        streetAddressLabel: string;
+        buildingNumberLabel: string;
+        cityLabel: string;
+        stateLabel: string;
+        countryLabel: string;
+        zipCodeLabel: string;
+        refundPolicy: string;
+    };
+    products: any;
+    countriesList: any;
+    lang: string;
+    total: string;
+    userEmail: string;
+    orderNumber: string;
+    confirmationTitle: string;
+    handleHome: any;
+    handlePrint: any;
+    handleHistory: any;
+    handleRefundPolicyLink: any;
+};
+export declare const ConfirmationPage: React.FunctionComponent<ConfirmationPageTypes>;
+export {};

package/es/blocks/Payment/CreditCardForm.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type CreditCardFormTypes = {
+    handle: any;
+    handlePayWithCreditCard: any;
+};
+export declare const CreditCardForm: React.FunctionComponent<CreditCardFormTypes>;
+export {};

package/es/blocks/Payment/PayWithWallet.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type PayWithWalletTypes = {
+    walletBalance: any;
+    currency: any;
+    handlePayWithWallet: any;
+};
+export declare const PayWithWallet: React.FunctionComponent<PayWithWalletTypes>;
+export {};

package/es/blocks/Payment/SelectPayment.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+type SelectPaymentTypes = {
+    viaMada: boolean;
+    viaWallet: boolean;
+    viaSTCPay: boolean;
+    viaPayPal: boolean;
+    viaApplePay: boolean;
+    viaCreditCard: boolean;
+    viaGooglePay: boolean;
+    madaLabel: string;
+    stcPayLabel: string;
+    paypalLabel: string;
+    walletLabel: string;
+    applePayLabel: string;
+    visaMasterLabel: string;
+    googlePayLabel: string;
+    handleMada: any;
+    handleWallet: any;
+    handleSTCPay: any;
+    handlePayPal: any;
+    handleApplePay: any;
+    handleCreditCard: any;
+    handleGooglePay: any;
+};
+export declare const SelectPayment: React.FunctionComponent<SelectPaymentTypes>;
+export {};

package/es/blocks/Payment/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./SelectPayment";
+export * from "./CreditCardForm";
+export * from "./ChargeWalletForm";
+export * from "./PayWithWallet";
+export * from "./CheckoutForm";
+export * from "./Confirmation";

package/es/blocks/Pricing/ComparingPlans.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type ComparingPlansTypes = {
+    plans: any;
+    lang: any;
+};
+export declare const ComparingPlans: React.FunctionComponent<ComparingPlansTypes>;
+export {};

package/es/blocks/Pricing/PricingPlans.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type PricingPlansTypes = {
+    plans: any;
+    lang: any;
+};
+export declare const PricingPlans: React.FunctionComponent<PricingPlansTypes>;
+export {};

package/es/blocks/Pricing/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./PricingPlans";
+export * from "./ComparingPlans";

package/es/blocks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Account";
+export * from "./AuthForms";
+export * from "./Payment";
+export * from "./Pricing";

package/es/countries.d.ts

@@ -0,0 +1,2 @@
+declare let countries: any;
+export default countries;

package/es/elements/AutoCompleteField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type TAutoCompleteFieldTypes = {
+    name: string;
+    rules: any;
+    shouldUnregister: boolean;
+};
+export declare const AutoCompleteField: React.FunctionComponent<TAutoCompleteFieldTypes>;
+export {};

package/es/elements/DragDropImages.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type DragDropImagesTypes = {
+    texts: any;
+    files: [File];
+    setFiles: any;
+    setDeletedFiles: any;
+    maxFiles: number;
+    accept: any;
+    onAcceptedFiles: any;
+    showPreview: any;
+    onDeleteFile: any;
+    onClearFiles: any;
+    maxSize: number;
+    errorMessages: string;
+};
+export declare const DragDropImages: React.FunctionComponent<DragDropImagesTypes>;
+export {};

package/es/elements/DraggableCard.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type DraggableCardTypes = {
+    children: any;
+};
+export declare const DraggableCard: React.FunctionComponent<DraggableCardTypes>;
+export {};

package/es/elements/HawaAccordian.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type AccordionTypes = {
+    content: any;
+};
+export declare const HawaAccordian: React.FunctionComponent<AccordionTypes>;
+export {};

package/es/elements/HawaAdCard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type AdCardTypes = {
+    orientation: "vertical" | "horizontal";
+    title: string;
+    description: string;
+    imageURL: string;
+    handleHide: any;
+};
+export declare const HawaAdCard: React.FunctionComponent<AdCardTypes>;
+export {};

package/es/elements/HawaAlert.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+declare let severities: {
+    info: string;
+    warning: string;
+    error: string;
+    success: string;
+};
+type AlertTypes = {
+    severity: keyof typeof severities;
+    title?: any;
+    text: any;
+    hideIcon?: any;
+};
+export declare const HawaAlert: React.FunctionComponent<AlertTypes>;
+export {};

package/es/elements/HawaButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "contained" | "outlined";
+    color?: "default" | "primary" | "secondary";
+    width?: "full" | "normal" | "half";
+    size?: "small" | "medium" | "large";
+    tooltip?: string;
+    isLoading?: boolean;
+}
+export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, tooltip, children, ...props }: ButtonProps): JSX.Element;
+export {};

package/es/elements/HawaCheckbox.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type CheckoutTypes = {
+    centered?: any;
+    label?: any;
+    helperText?: any;
+    onChange?: any;
+};
+export declare const HawaCheckbox: React.FunctionComponent<CheckoutTypes>;
+export {};

package/es/elements/HawaChip.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type ChipTypes = {
+    label: any;
+};
+export declare const HawaChip: React.FunctionComponent<ChipTypes>;
+export {};

package/es/elements/HawaColorPicker.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type ColorPickerTypes = {
+    color?: any;
+    handleChange?: any;
+};
+export declare const HawaColorPicker: React.FunctionComponent<ColorPickerTypes>;
+export {};

package/es/elements/HawaCopyrights.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type CopyRightsTypes = {
+    withLogo: any;
+    lang: any;
+    version: any;
+};
+export declare const HawaCopyrights: React.FunctionComponent<CopyRightsTypes>;
+export {};

package/es/elements/HawaDrawer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type DrawerTypes = {
+    open: any;
+    setOpen: any;
+    position: any;
+    heading: any;
+    children: any;
+};
+export declare const HawaDrawer: React.FunctionComponent<DrawerTypes>;
+export declare const DrawerHeader: (props: any) => JSX.Element;
+export declare const DrawerBody: (props: any) => JSX.Element;
+export declare const DrawerFooter: (props: any) => JSX.Element;
+export {};

package/es/elements/HawaDrawerItem.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type DrawerItemTypes = {
+    action: any;
+    icon?: any;
+    text: any;
+};
+declare const HawaDrawerItem: React.FunctionComponent<DrawerItemTypes>;
+export default HawaDrawerItem;

package/es/elements/HawaItemCard.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type ItemCardTypes = {
+    actions: any;
+    content: any;
+    headerActions: any;
+    header: any;
+    lang: string;
+    onCardClick?: any;
+};
+export declare const HawaItemCard: React.FunctionComponent<ItemCardTypes>;
+export {};