@sikka/hawa 0.2.10-beta → 0.2.11-beta

package/lib/src/blocks/AuthForms/SignInForm.d.ts

@@ -0,0 +1,59 @@
+import { FC } from "react";
+type SignInFormTypes = {
+    texts?: {
+        emailLabel?: string;
+        emailPlaceholder?: string;
+        emailRequiredText?: string;
+        emailInvalidText?: string;
+        usernameLabel?: string;
+        usernamePlaceholder?: string;
+        usernameRequired?: string;
+        phoneRequiredText?: string;
+        passwordLabel?: string;
+        passwordPlaceholder?: string;
+        passwordRequiredText?: string;
+        forgotPasswordText?: string;
+        newUserText?: string;
+        createAccount?: string;
+        signInText?: string;
+        signInViaGoogleLabel?: string;
+        signInViaGithubLabel?: string;
+        signInViaTwitterLabel?: string;
+    };
+    handleLanguage?: () => void;
+    currentLanguage?: any;
+    handleColorMode?: () => void;
+    currentColorMode?: any;
+    logosOnly?: boolean;
+    direction?: "rtl" | "ltr";
+    showError?: any;
+    errorTitle?: string;
+    errorText?: string;
+    signInType?: "email" | "username" | "phone";
+    withoutResetPassword?: boolean;
+    withoutSignUp?: boolean;
+    /**
+     *show spinner if true
+     */
+    isLoading?: any;
+    isGoogleLoading?: boolean;
+    isTwitterLoading?: boolean;
+    isGithubLoading?: boolean;
+    viaGoogle?: boolean;
+    viaGithub?: boolean;
+    viaTwitter?: boolean;
+    /**
+     * Handle the sign in .
+     */
+    handleSignIn?: (e: any) => void;
+    /**
+     * Handle routing to sign up page
+     */
+    handleRouteToSignUp?: () => void;
+    handleForgotPassword?: () => void;
+    handleGoogleSignIn?: () => void;
+    handleGithubSignIn?: () => void;
+    handleTwitterSignIn?: () => void;
+};
+export declare const SignInForm: FC<SignInFormTypes>;
+export {};

package/lib/src/blocks/AuthForms/SignInForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js"),r=require("../../elements/HawaTextField.js"),n=require("../../util.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var a=require("../../elements/HawaAlert.js");require("../../elements/DropdownMenu.js");var l=require("../../elements/HawaPhoneInput.js"),o=require("../../elements/Card.js"),s=require("../../elements/Button.js");require("../../elements/Tooltip.js");var i=require("../../elements/HawaLoading.js");require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js");var u=require("../../elements/Icons.js");require("../../elements/Input.js");var m=require("../../elements/InterfaceSettings.js");require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");exports.SignInForm=function(d){var c=t.useForm(),g=c.formState.errors,x=c.handleSubmit,h=c.control;return e.createElement("div",{className:"flex flex-col gap-4"},e.createElement(o.Card,{dir:d.direction},e.createElement(o.CardContent,{headless:!0},e.createElement("form",{onSubmit:x((function(e){return d.handleSignIn(e)}))},d.showError&&e.createElement(a.HawaAlert,{title:d.errorTitle,text:d.errorText,severity:"error"}),"email"===d.signInType?e.createElement(t.Controller,{control:h,name:"email",render:function(t){var n,a,l=t.field;return e.createElement(r.HawaTextField,{width:"full",type:"text",autoComplete:"email",label:d.texts.emailLabel,helpertext:null===(n=g.email)||void 0===n?void 0:n.message,placeholder:d.texts.emailPlaceholder,value:null!==(a=l.value)&&void 0!==a?a:"",onChange:l.onChange})},rules:{required:d.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:d.texts.emailInvalidText}}}):"username"===d.signInType?e.createElement(t.Controller,{control:h,name:"username",render:function(t){var n,a,l=t.field;return e.createElement(r.HawaTextField,{width:"full",type:"text",autoComplete:"username",label:d.texts.usernameLabel,helpertext:null===(n=g.username)||void 0===n?void 0:n.message,placeholder:d.texts.usernamePlaceholder,onChange:l.onChange,value:null!==(a=l.value)&&void 0!==a?a:""})},rules:{required:d.texts.usernameRequired}}):e.createElement(t.Controller,{control:h,name:"phone",render:function(t){return t.field,e.createElement(l.HawaPhoneInput,{label:"Phone number"})},rules:{required:d.texts.phoneRequiredText}}),"phone"!==d.signInType&&e.createElement(e.Fragment,null,e.createElement(t.Controller,{control:h,name:"password",render:function(t){var n,a,l=t.field;return e.createElement(r.HawaTextField,{width:"full",autoComplete:"current-password",type:"password",label:d.texts.passwordLabel,placeholder:d.texts.passwordPlaceholder,helpertext:null===(n=g.password)||void 0===n?void 0:n.message,onChange:l.onChange,value:null!==(a=l.value)&&void 0!==a?a:""})},rules:{required:d.texts.passwordRequiredText,minLength:5}}),!d.withoutResetPassword&&e.createElement("div",{onClick:d.handleForgotPassword,className:"mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"},d.texts.forgotPasswordText)),e.createElement(s.Button,{className:"mt-4 w-full",isLoading:d.isLoading},d.texts.signInText),!d.withoutSignUp&&e.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},d.texts.newUserText," ",e.createElement("span",{onClick:d.handleRouteToSignUp,className:"clickable-link"},d.texts.createAccount)))),d.viaGithub||d.viaGoogle||d.viaTwitter?e.createElement(o.CardFooter,{className:n.cn(d.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},d.viaGoogle&&e.createElement(s.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:d.handleGoogleSignIn},d.isGoogleLoading?e.createElement(i.HawaLoading,{size:"button"}):e.createElement(u.Icons.google,{className:"h-4 w-4"}),!d.logosOnly&&d.texts.signInViaGoogleLabel),d.viaGithub&&e.createElement(s.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:d.handleGithubSignIn},d.isGithubLoading?e.createElement(i.HawaLoading,{size:"button"}):e.createElement(u.Icons.gitHub,{className:"h-4 w-4"}),!d.logosOnly&&d.texts.signInViaGithubLabel),d.viaTwitter&&e.createElement(s.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:d.handleTwitterSignIn},d.isTwitterLoading?e.createElement(i.HawaLoading,{size:"button"}):e.createElement(u.Icons.twitter,{className:"h-4 w-4"})," ",!d.logosOnly&&d.texts.signInViaTwitterLabel)):null),e.createElement(m.InterfaceSettings,{currentColorMode:d.currentColorMode,currentLanguage:d.currentLanguage,handleColorMode:d.handleColorMode,handleLanguage:d.handleLanguage}))};

package/lib/src/blocks/AuthForms/SignInPhone.d.ts

@@ -0,0 +1,24 @@
+import { FC } from "react";
+type SignInPhoneTypes = {
+    value: any;
+    onSubmit: any;
+    country: any;
+    label: any;
+    handlePhoneChange: any;
+    phoneRequiredText: any;
+    SignInButtonText: any;
+    handleContinue: any;
+    handleConfirm: any;
+    loadingContinue?: boolean;
+    loadingConfirm?: boolean;
+    confirmationStage?: boolean;
+    texts?: {
+        didntGetCode?: string;
+        resendCode?: string;
+        cancel?: string;
+        confirm?: string;
+        continue?: string;
+    };
+};
+export declare const SignInPhone: FC<SignInPhoneTypes>;
+export {};

package/lib/src/blocks/AuthForms/SignInPhone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var n=require("../../elements/Button.js");require("../../elements/DropdownMenu.js");var r=require("../../elements/HawaPhoneInput.js"),l=require("../../elements/Card.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js");var o=require("../../elements/HawaPinInput.js");require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var a=require("../../../_virtual/index.js");function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}exports.SignInPhone=function(u){var s,c,d,m,v,f,p,j,x,b,g=a.react.exports.useState(null),q=g[0],C=g[1],h=t.useForm();h.formState.errors,h.handleSubmit;var E=h.control,S=a.react.exports.useState(null),y=S[0],w=S[1],P=a.react.exports.useState(0),k=P[0],O=P[1],I=a.react.exports.useState(!1),T=I[0],D=I[1],N=a.react.exports.useState(""),_=N[0],B=N[1],H=a.react.exports.useState(u.confirmationStage),L=H[0],M=H[1];return e.createElement(l.Card,null,e.createElement(l.CardContent,{className:"transition-all",headless:!0},L?e.createElement("form",{onSubmit:function(e){e.preventDefault(),q&&u.handleConfirm(q)}},e.createElement(o.HawaPinInput,{width:"full",digits:6,getPins:function(e){return C(e)}}),e.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},T?e.createElement("span",null,"Resend code in ",k," seconds |"," ",e.createElement("span",{className:"clickable-link",onClick:function(){clearTimeout(y),D(!1)}},"Cancel")):e.createElement("span",null,null!==(c=null===(s=u.texts)||void 0===s?void 0:s.didntGetCode)&&void 0!==c?c:"Didn't get the code?"," ",e.createElement("span",{className:"clickable-link",onClick:function(){!function(){clearTimeout(y),O(60),D(!0);var e=setInterval((function(){O((function(t){return t>0?t-1:(clearInterval(e),D(!1),0)}))}),1e3);w(e)}()}},null!==(m=null===(d=u.texts)||void 0===d?void 0:d.resendCode)&&void 0!==m?m:"Click to resend"))),e.createElement("div",{className:"mt-4  grid grid-cols-2 gap-2"},e.createElement(n.Button,{variant:"secondary",onClick:function(){return M(!1)}},null!==(f=null===(v=u.texts)||void 0===v?void 0:v.cancel)&&void 0!==f?f:"Cancel"),e.createElement(n.Button,{isLoading:u.loadingConfirm},null!==(j=null===(p=u.texts)||void 0===p?void 0:p.confirm)&&void 0!==j?j:"Confirm"))):e.createElement("form",{onSubmit:function(e){e.preventDefault(),M(!0),u.handleContinue(_)}},e.createElement(t.Controller,{control:E,name:"phone",render:function(t){var n,l,o=t.field;return e.createElement(r.HawaPhoneInput,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){i(e,t,n[t])}))}return e}({country:null!==(n=u.country)&&void 0!==n?n:"",label:null!==(l=u.label)&&void 0!==l?l:"",handleChange:function(e){return B(e.target.value)}},o))},rules:{required:u.phoneRequiredText}}),e.createElement(n.Button,{isLoading:u.loadingContinue,className:"w-full"},null!==(b=null===(x=u.texts)||void 0===x?void 0:x.continue)&&void 0!==b?b:"Continue"))))};

package/lib/src/blocks/AuthForms/SignUpForm.d.ts

@@ -0,0 +1,60 @@
+import { FC } from "react";
+type SignUpFormTypes = {
+    handleLanguage?: () => void;
+    currentLanguage?: any;
+    handleColorMode?: () => void;
+    currentColorMode?: any;
+    direction?: "rtl" | "ltr";
+    logosOnly?: boolean;
+    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;
+        signUpViaGoogleLabel: string;
+        signUpViaGithubLabel: string;
+        signUpViaTwitterLabel: string;
+        refCode: string;
+    };
+    showUserSource: any;
+    viaGoogle: boolean;
+    viaGithub: boolean;
+    viaTwitter: boolean;
+    showNewsletterOption: boolean;
+    showRefCode: boolean;
+    showTermsOption: boolean;
+    handleSignUp: (e: any) => void;
+    handleRouteToSignIn: () => void;
+    handleGoogleSignUp: () => void;
+    handleGithubSignUp: () => void;
+    handleTwitterSignUp: () => void;
+    handleRouteToTOS: () => void;
+    showError: any;
+    errorTitle: any;
+    errorText: any;
+    signUpFields: any[];
+    isLoading?: boolean;
+};
+export declare const SignUpForm: FC<SignUpFormTypes>;
+export {};

package/lib/src/blocks/AuthForms/SignUpForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/HawaCheckbox.js"),l=require("../../elements/HawaTextField.js"),r=require("../../util.js"),a=require("../../elements/HawaSelect.js");require("../../elements/Switch.js");var n=require("../../elements/HawaAlert.js");require("../../elements/DropdownMenu.js");var o=require("../../elements/Card.js"),s=require("../../elements/Button.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js");var i=require("../../elements/Icons.js");require("../../elements/Label.js"),require("../../elements/Input.js");var u=require("../../elements/InterfaceSettings.js");require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var d=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js");exports.SignUpForm=function(c){var m=d.useForm(),x=m.formState.errors,p=m.handleSubmit,h=m.control;return e.createElement("div",{className:"flex flex-col gap-4"},e.createElement(o.Card,{dir:c.direction},e.createElement(o.CardContent,{headless:!0},e.createElement("div",null,c.showError&&e.createElement(n.HawaAlert,{title:c.errorTitle,text:c.errorText,severity:"error"}),e.createElement(d.FormProvider,m,e.createElement("form",{onSubmit:p((function(e){return c.handleSignUp(e)}))},e.createElement("div",null,c.signUpFields.map((function(t,r){return"fullname"===t?e.createElement(d.Controller,{key:r,control:h,name:"fullName",render:function(t){var r,a,n=t.field;return e.createElement(l.HawaTextField,{width:"full",type:"text",label:c.texts.fullNameLabel,placeholder:c.texts.fullNamePlaceholder,helpertext:null===(r=x.fullName)||void 0===r?void 0:r.message,onChange:n.onChange,value:null!==(a=n.value)&&void 0!==a?a:""})},rules:{required:c.texts.fullNameRequiredText}}):"email"===t?e.createElement(d.Controller,{key:r,control:h,name:"email",render:function(t){var r,a,n=t.field;return e.createElement(l.HawaTextField,{width:"full",type:"text",autoComplete:"email",label:c.texts.emailLabel,helpertext:null===(r=x.email)||void 0===r?void 0:r.message,placeholder:c.texts.emailPlaceholder,onChange:n.onChange,value:null!==(a=n.value)&&void 0!==a?a:""})},rules:{required:c.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:c.texts.emailInvalidText}}}):"username"===t?e.createElement(d.Controller,{key:r,control:h,name:"username",render:function(t){var r,a,n=t.field;return e.createElement(l.HawaTextField,{width:"full",type:"text",autoComplete:"username",label:c.texts.usernameLabel,helpertext:null===(r=x.username)||void 0===r?void 0:r.message,placeholder:c.texts.usernamePlaceholder,onChange:n.onChange,value:null!==(a=n.value)&&void 0!==a?a:""})},rules:{required:c.texts.usernameRequired}}):void 0}))),e.createElement(d.Controller,{control:h,name:"password",render:function(t){var r,a,n=t.field;return e.createElement(l.HawaTextField,{width:"full",type:"password",autoComplete:"new-password",label:c.texts.passwordLabel,placeholder:c.texts.passwordPlaceholder,helpertext:null===(r=x.password)||void 0===r?void 0:r.message,onChange:n.onChange,value:null!==(a=n.value)&&void 0!==a?a:""})},rules:{required:c.texts.passwordRequiredText}}),e.createElement(d.Controller,{control:h,name:"confirm_password",render:function(t){var r,a,n=t.field;return e.createElement(l.HawaTextField,{width:"full",type:"password",autoComplete:"new-password",label:c.texts.confirmPasswordLabel,placeholder:c.texts.confirmPasswordPlaceholder,helpertext:null===(r=x.confirm_password)||void 0===r?void 0:r.message,onChange:n.onChange,value:null!==(a=n.value)&&void 0!==a?a:""})},rules:{required:c.texts.passwordRequiredText}}),c.showRefCode&&e.createElement(d.Controller,{control:h,name:"refCode",render:function(t){var r,a,n=t.field;return e.createElement(l.HawaTextField,{width:"full",type:"text",label:c.texts.refCode,placeholder:c.texts.passwordPlaceholder,helpertext:null===(r=x.password)||void 0===r?void 0:r.message,value:null!==(a=n.value)&&void 0!==a?a:"",onChange:n.onChange})}}),c.showUserSource&&e.createElement("div",null,e.createElement(d.Controller,{control:h,name:"reference",render:function(t){var l=t.field;return e.createElement(a.HawaSelect,{label:"How did you learn about us?",isCreatable:!1,isMulti:!1,isSearchable:!1,isClearable:!1,options:[{value:"friend",label:"From a friend"},{value:"ad",label:"Advertisement"},{value:"other",label:"Other"}],onChange:function(e){l.onChange(e.value)}})}})),c.showTermsOption&&e.createElement(d.Controller,{control:h,name:"terms_accepted",render:function(l){var r,a=l.field;return e.createElement(t.HawaCheckbox,{id:"terms_accepted",helperText:null===(r=x.terms_accepted)||void 0===r?void 0:r.message,onChange:function(e){return a.onChange(e)},label:e.createElement("span",null,c.texts.iAcceptText," ",e.createElement("a",{onClick:c.handleRouteToTOS,className:"clickable-link"},c.texts.termsText))})},rules:{required:c.texts.termsRequiredText}}),c.showNewsletterOption&&e.createElement(d.Controller,{control:h,name:"newsletter_accepted",render:function(l){var r=l.field;return e.createElement(t.HawaCheckbox,{id:"newsletter_accepted",label:c.texts.subscribeToNewsletter,onChange:r.onChange})}}),e.createElement(s.Button,{className:"w-full",isLoading:c.isLoading},c.texts.signUpText))),e.createElement("div",{className:"flex flex-row items-center justify-center gap-1 p-3 text-center  text-sm font-normal dark:text-white"},e.createElement("span",null,c.texts.existingUserText),e.createElement("span",{onClick:c.handleRouteToSignIn,className:"clickable-link"},c.texts.signInText)))),c.viaGithub||c.viaGoogle||c.viaTwitter?e.createElement(o.CardFooter,{className:r.cn(c.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},c.viaGoogle&&e.createElement(s.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:c.handleGoogleSignUp},e.createElement(i.Icons.google,{className:"h-4 w-4"}),!c.logosOnly&&c.texts.signUpViaGoogleLabel),c.viaGithub&&e.createElement(s.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:c.handleGithubSignUp},e.createElement(i.Icons.gitHub,{className:"h-4 w-4"}),!c.logosOnly&&c.texts.signUpViaGithubLabel),c.viaTwitter&&e.createElement(s.Button,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:c.handleTwitterSignUp},e.createElement(i.Icons.twitter,{className:"h-4 w-4"}),!c.logosOnly&&c.texts.signUpViaTwitterLabel)):null),e.createElement(u.InterfaceSettings,{currentColorMode:c.currentColorMode,currentLanguage:c.currentLanguage,handleColorMode:c.handleColorMode,handleLanguage:c.handleLanguage}))};

package/lib/src/blocks/AuthForms/index.d.ts

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

package/lib/src/blocks/Misc/Announcement.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+type AnnouncementTypes = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    onActionClick: () => void;
+    actionText?: string;
+    title?: string;
+    subtitle?: string;
+};
+export declare const Announcement: FC<AnnouncementTypes>;
+export {};

package/lib/src/blocks/Misc/Announcement.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.mjs.js"),t=require("../../../node_modules/react/index.js"),n=require("../../elements/Card.js"),s=require("../../elements/Button.js");exports.Announcement=function(r){r.variant;var l=r.onActionClick,a=e.__rest(r,["variant","onActionClick"]);return t.createElement(n.Card,null,t.createElement(n.CardContent,{headless:!0,className:"flex flex-row items-center justify-between"},t.createElement("div",{className:"flex flex-col items-start justify-center "},t.createElement("span",{className:"text-lg font-bold"},a.title),t.createElement("span",{className:"text-sm"},a.subtitle)),t.createElement(s.Button,{onClick:function(){return l()}},a.actionText)))};

package/lib/src/blocks/Misc/EmptyState.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type TEmptyState = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    onActionClick: () => void;
+    texts: {
+        youreCaughtUp?: string;
+        actionText?: string;
+    };
+};
+export declare const EmptyState: FC<TEmptyState>;
+export {};

package/lib/src/blocks/Misc/EmptyState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js"),l=require("../../elements/Button.js");exports.EmptyState=function(r){var n,o;r.variant;var a=r.texts,c=r.onActionClick;return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"flex flex-col items-center justify-center text-center "},e.createElement("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},e.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.35em",width:"0.35em"},e.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))),e.createElement("div",{className:"m-2 text-xl font-bold"},null!==(n=null==a?void 0:a.youreCaughtUp)&&void 0!==n?n:"You're all caught up"))),e.createElement(t.CardFooter,null,e.createElement(l.Button,{className:"w-full",onClick:function(){return c()}},null!==(o=null==a?void 0:a.actionText)&&void 0!==o?o:"Go Home")))};

package/lib/src/blocks/Misc/LeadGenerator.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type TLeadGenerator = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    texts: {
+        title: string;
+        subtitle: string;
+        submit: string;
+    };
+    handleNewsletterSub: (e: string) => void;
+};
+export declare const LeadGenerator: FC<TLeadGenerator>;
+export {};

package/lib/src/blocks/Misc/LeadGenerator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Input.js"),l=require("../../elements/Button.js"),r=require("../../elements/Card.js");exports.LeadGenerator=function(n){var a;n.variant;var u=n.texts,i=n.handleNewsletterSub;return e.createElement(r.Card,null,e.createElement(r.CardHeader,null,e.createElement(r.CardTitle,null,null==u?void 0:u.title),e.createElement(r.CardDescription,null,null==u?void 0:u.subtitle)),e.createElement(r.CardContent,null,e.createElement("form",{className:"flex flex-row gap-2",onSubmit:function(e){e.preventDefault(),i(e.target[0].value)}},e.createElement(t.Input,{type:"email",name:"email",placeholder:"example@sikka.io"}),e.createElement(l.Button,null,null!==(a=null==u?void 0:u.submit)&&void 0!==a?a:"Submit"))))};

package/lib/src/blocks/Misc/NoPermission.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type TNoPermission = {
+    texts?: {
+        title: string;
+        subtitle: string;
+    };
+};
+export declare const NoPermission: FC<TNoPermission>;
+export {};

package/lib/src/blocks/Misc/NoPermission.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js");exports.NoPermission=function(r){var l,o,n=r.texts;return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"flex flex-col items-center justify-center text-center"},e.createElement("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground"},e.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"0.35em",width:"0.35em"},e.createElement("path",{d:"M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"}))," "),e.createElement("div",{className:"m-2 text-xl font-bold"},null!==(l=null==n?void 0:n.title)&&void 0!==l?l:"You don't have permission"),e.createElement("div",null,null!==(o=null==n?void 0:n.subtitle)&&void 0!==o?o:"If you think this is a problem please contact your administrator or our customer support"))))};

package/lib/src/blocks/Misc/NotFound.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type NotFoundTypes = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    texts?: {
+        pageNotFound?: string;
+        ifLost?: string;
+        home?: string;
+    };
+};
+export declare const NotFound: FC<NotFoundTypes>;
+export {};

package/lib/src/blocks/Misc/NotFound.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js"),l=require("../../elements/Button.js");exports.NotFound=function(n){var a,r,o;n.variant;var s=n.texts;return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"flex flex-col items-center dark:text-white"},e.createElement("div",{className:"text-center text-6xl font-bold "},"404"),e.createElement("div",{className:"m-2 text-center text-xl font-bold "},null!==(a=null==s?void 0:s.pageNotFound)&&void 0!==a?a:"Page Not Found"),e.createElement("div",{className:"mb-4 text-center"},null!==(r=null==s?void 0:s.ifLost)&&void 0!==r?r:e.createElement(e.Fragment,null,"If you're lost please contact us"," ",e.createElement("span",{className:"clickable-link"},"help@sikka.io"))),e.createElement(l.Button,{className:"w-full"},null!==(o=null==s?void 0:s.home)&&void 0!==o?o:"Home"))))};

package/lib/src/blocks/Misc/Testimonial.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+type TEmptyState = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+};
+export declare const Testimonial: FC<TEmptyState>;
+export {};

package/lib/src/blocks/Misc/Testimonial.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js");exports.Testimonial=function(l){return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",null,e.createElement("p",{className:"mb-4 max-w-sm"},"The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")),e.createElement("div",{className:"flex flex-row gap-4"},e.createElement("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none"},e.createElement("rect",{width:"48",height:"48",rx:"24",fill:"#45BE8B"}),e.createElement("path",{d:"M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",fill:"#FFFFFF"}),e.createElement("path",{d:"M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",fill:"#FFFFFF"})),e.createElement("span",{className:"border border-l "})," ",e.createElement("div",null,e.createElement("strong",null,"Brent Lassi"),e.createElement("div",null," Chief Information Security Officer")))))};

package/lib/src/blocks/Misc/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./NotFound";
+export * from "./EmptyState";
+export * from "./Testimonial";
+export * from "./LeadGenerator";
+export * from "./Announcement";
+export * from "./NoPermission";

package/lib/src/blocks/Payment/ChargeWalletForm.d.ts

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

package/lib/src/blocks/Payment/ChargeWalletForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js"),l=require("../../elements/Button.js"),a=require("../../elements/Input.js"),r=require("../../../_virtual/index.js");exports.ChargeWalletForm=function(n){var s=r.react.exports.useState(0),u=s[0];return s[1],e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"p-4 text-center"},e.createElement("div",{className:" text-5xl font-extrabold"},Number(u).toLocaleString("en")||"0"),e.createElement("div",{className:"text-sm font-normal"},n.currency||"SAR")),e.createElement("div",{className:"mb-2 flex w-full flex-col gap-4 text-center"},e.createElement("div",{className:"mb-2 flex w-full flex-row gap-4 text-center"},e.createElement(l.Button,{variant:"outline",className:"h-full w-full"},"10 SAR"),e.createElement(l.Button,{variant:"outline",className:"h-full w-full"},"50 SAR"),e.createElement(l.Button,{variant:"outline",className:"h-full w-full"},"100 SAR")),e.createElement(a.Input,{placeholder:"Custom Amount",type:"number",name:"amount"})),e.createElement(l.Button,{className:"mt-6 w-full"},n.texts.chargeWallet)))};

package/lib/src/blocks/Payment/CheckoutForm.d.ts

@@ -0,0 +1,27 @@
+import { FC } 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: FC<CheckoutFormTypes>;
+export {};

package/lib/src/blocks/Payment/CheckoutForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/HawaTextField.js"),r=require("../../elements/HawaSelect.js");require("../../elements/Switch.js");var l=require("../../elements/Button.js"),n=require("../../elements/HawaTable.js"),i=require("../../countries.js"),o=require("../../elements/Card.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/DropdownMenu.js"),require("../../elements/Label.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var a=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){u(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}exports.CheckoutForm=function(u){var c,m,v,f,b,x,p,E,y,w,q="ar"===u.lang,j=a.useForm(),h=j.formState.errors,g=j.handleSubmit;j.register;var C=j.control;return e.createElement(o.Card,null,e.createElement(o.CardHeader,null,e.createElement(o.CardTitle,null,u.texts.orderDetails)),e.createElement(o.CardContent,null,e.createElement("div",null,e.createElement("div",{className:"rounded border border-gray-300"},e.createElement(n.HawaTable,{pagination:!1,direction:q?"rtl":"ltr",columns:[{hidden:!1,value:"Product"},{hidden:!0,value:"ID"},{hidden:!1,value:"Price"}],borders:"inner",rows:u.products,bordersWidth:"1"})))),e.createElement(o.CardHeader,null,e.createElement(o.CardTitle,null,u.texts.billingAddress)),e.createElement("form",{onSubmit:g(u.handlePayNow)},e.createElement(o.CardContent,null,e.createElement("div",null,e.createElement(a.FormProvider,j,e.createElement("div",null,e.createElement(a.Controller,{control:C,name:"firstName",rules:{required:null===(c=u.texts)||void 0===c?void 0:c.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.firstNameLabel)+" *",helpertext:null===(n=h.firstName)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}}),e.createElement("div",{style:{width:20}}),e.createElement(a.Controller,{control:C,name:"lastName",rules:{required:null===(m=u.texts)||void 0===m?void 0:m.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.lastNameLabel)+" *",helpertext:null===(n=h.lastName)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}})),e.createElement(a.Controller,{control:C,name:"email",render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.emailLabel)+" *",helpertext:null===(n=h.email)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))},rules:{required:null===(v=u.texts)||void 0===v?void 0:v.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:null===(f=u.texts)||void 0===f?void 0:f.emailInvalidText}}}),e.createElement("div",{className:"flex flex-col md:flex-row"},e.createElement(a.Controller,{control:C,name:"streetAddress",rules:{required:null===(b=u.texts)||void 0===b?void 0:b.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.streetAddressLabel)+" *",helpertext:null===(n=h.streetAddress)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}})),e.createElement("div",{className:"flex flex-col md:flex-row"},e.createElement(a.Controller,{control:C,name:"province",rules:{required:null===(x=u.texts)||void 0===x?void 0:x.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.stateLabel)+" *",helpertext:null===(n=h.province)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}}),e.createElement("div",{style:{width:20}}),e.createElement(a.Controller,{control:C,name:"city",rules:{required:null===(p=u.texts)||void 0===p?void 0:p.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.cityLabel)+" *",helpertext:null===(n=h.city)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}})),e.createElement("div",{className:"flex flex-col md:flex-row"},e.createElement(a.Controller,{control:C,name:"buildingNumber",rules:{required:null===(E=u.texts)||void 0===E?void 0:E.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"text",label:(null===(l=u.texts)||void 0===l?void 0:l.buildingNumberLabel)+" *",helpertext:null===(n=h.buildingNumber)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}}),e.createElement("div",{style:{width:20}}),e.createElement(a.Controller,{control:C,name:"zipCode",rules:{required:null===(y=u.texts)||void 0===y?void 0:y.required},render:function(r){var l,n,i,o=r.field;return e.createElement(t.HawaTextField,s(d({width:"full",type:"number",label:(null===(l=u.texts)||void 0===l?void 0:l.zipCodeLabel)+" *",helpertext:null===(n=h.zipCode)||void 0===n?void 0:n.message},o),{value:null!==(i=o.value)&&void 0!==i?i:""}))}})),e.createElement("div",{className:"mb-3"},e.createElement(a.Controller,{control:C,name:"country",rules:{required:null===(w=u.texts)||void 0===w?void 0:w.required},render:function(t){var l,n,o,a=t.field;return e.createElement(r.HawaSelect,{native:!0,label:(null===(l=u.texts)||void 0===l?void 0:l.countryLabel)+" *",helperText:null===(n=h.country)||void 0===n?void 0:n.message,options:i,getOptionLabel:function(e){return e.country_label},onChange:function(e){return a.onChange(e.country_label)},value:null!==(o=a.value)&&void 0!==o?o:""},e.createElement("option",null),u.countriesList.map((function(t,r){return e.createElement("option",{key:r},t)})))}}))))),e.createElement(o.CardFooter,null,e.createElement(l.Button,{className:"w-full"},u.texts.payNow))," "))};

package/lib/src/blocks/Payment/Confirmation.d.ts

@@ -0,0 +1,38 @@
+import { FC } from "react";
+type ConfirmationPageTypes = {
+    texts: {
+        print: string;
+        history: string;
+        homePage: string;
+        successMessage: string;
+        orderDetails: string;
+        fasterPaymentNote: 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: FC<ConfirmationPageTypes>;
+export {};

package/lib/src/blocks/Payment/Confirmation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js"),l=require("../../elements/Button.js");exports.ConfirmationPage=function(a){return a.lang,e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0}," ",e.createElement("div",{className:"py-5 text-center text-3xl font-bold dark:text-white"},a.confirmationTitle),e.createElement("div",{className:"py-5 dark:text-white"},e.createElement("div",{className:"mb-2 text-center"},a.texts.successMessage," ",e.createElement("strong",null,a.userEmail)),e.createElement("div",{className:"text-center"},a.texts.yourOrderNumber),e.createElement("div",{className:"text-center font-bold"},a.orderNumber)),e.createElement("div",{className:"flex flex-col items-center justify-center gap-4 py-5 pt-0"},e.createElement(l.Button,{className:"w-full",onClick:a.handlePrint},a.texts.print),e.createElement(l.Button,{className:"w-full",onClick:a.handleHistory},a.texts.history),e.createElement(l.Button,{className:"w-full",onClick:a.handleHome},a.texts.homePage),e.createElement("div",{className:" text-center text-sm dark:text-white"},a.texts.fasterPaymentNote),e.createElement("a",{className:"clickable-link text-xs",onClick:a.handleRefundPolicyLink},a.texts.refundPolicy))))};

package/lib/src/blocks/Payment/CreditCardForm.d.ts

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

package/lib/src/blocks/Payment/CreditCardForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),r=require("../../elements/HawaTextField.js");require("../../elements/Label.js"),require("../../elements/Switch.js");var a=require("../../elements/Button.js");require("../../elements/DropdownMenu.js");var t=require("../../elements/Card.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var l=require("../../../node_modules/react-hook-form/dist/index.esm.mjs.js"),s=require("../../../_virtual/index.js");exports.CreditCardForm=function(n){var d=s.react.exports.useState(""),o=d[0],m=d[1],i=s.react.exports.useState(""),c=i[0],u=i[1],p=l.useForm(),h=p.formState.errors,v=p.handleSubmit,C=p.control,q=function(e){var r=e.target,a=r.value;r.name;var t=a;a=a.replace(/\D/g,""),/^3[47]\d{0,13}$/.test(a)||/^3(?:0[0-5]|[68]\d)\d{0,11}$/.test(a)?t=a.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^\d{0,16}$/.test(a)&&(t=a.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{4})/,"$1 $2 ").replace(/(\d{4}) (\d{4}) (\d{4})/,"$1 $2 $3 ")),console.log("card number is ",t.trimRight()),m(t.trimRight())};return s.react.exports.useEffect((function(){var e,r,a=(r="visa",(e=o).replace(/[^\d]/g,"").match(/^(440647|440795|446404|457865|968208|457997|474491|636120|417633|468540|468541|468542|468543|968201|446393|409201|458456|484783|462220|455708|410621|455036|486094|486095|486096|504300|440533|489318|489319|445564|968211|410685|406996|432328|428671|428672|428673|968206|446672|543357|434107|407197|407395|412565|431361|604906|521076|529415|535825|543085|524130|554180|549760|968209|524514|529741|537767|535989|536023|513213|520058|558563|588982|589005|531095|530906|532013|968204|422817|422818|422819|428331|483010|483011|483012|589206|968207|419593|439954|530060|531196|420132)/)?r="mada":e.replace(/[^\d]/g,"").match(/^507803[0-6][0-9]|507808[3-9][0-9]|507809[0-9][0-9]|507810[0-2][0-9]/)?r="meeza":e.replace(/[^\d]/g,"").match(/^4[0-9]{0,15}$/m)?r="visa":e.replace(/[^\d]/g,"").match(/^5$|^5[0-5][0-9]{0,16}$/m)?r="mastercard":e.replace(/[^\d]/g,"").match(/^3$|^3[47][0-9]{0,13}$/m)&&(r="amex"),r);u(a)})),e.createElement(t.Card,null,e.createElement("form",{onSubmit:v(n.handle)},e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"flex flex-row gap-4"},e.createElement(l.Controller,{control:C,name:"cardNumber",render:function(a){var t;return a.field,e.createElement(r.HawaTextField,{width:"full",name:"cardNumber",placeholder:"1234 1234 1234 1234",type:"number",onChange:q,label:"Card Number",helpertext:null===(t=h.password)||void 0===t?void 0:t.message,iconInside:e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payment-symbols/borderless/".concat(c,".png"),alt:"",className:"h-8"})})},rules:{required:"Card Number is rquired"}}),e.createElement("div",{className:"w-1/4"},e.createElement(l.Controller,{control:C,name:"cardCVC",render:function(a){var t;return a.field,e.createElement(r.HawaTextField,{width:"full",name:"cardCVC",maxLength:"3",autoComplete:"cc-number",placeholder:"CVC",type:"number",label:"CVC",helpertext:null===(t=h.password)||void 0===t?void 0:t.message})},rules:{required:"Password is rquired"}}))),e.createElement(l.Controller,{control:C,name:"cardExpiry",render:function(a){var t;return a.field,e.createElement(r.HawaTextField,{width:"full",name:"cardExpiry",placeholder:"MM / YY",type:"password",label:"Expiry Date",helpertext:null===(t=h.password)||void 0===t?void 0:t.message})},rules:{required:"Password is rquired"}}),e.createElement(l.Controller,{control:C,name:"cardName",render:function(a){var t;return a.field,e.createElement(r.HawaTextField,{width:"full",name:"cardName",type:"text",label:"Name on card",helpertext:null===(t=h.password)||void 0===t?void 0:t.message})},rules:{required:"Card holder name is rquired"}})),e.createElement(t.CardFooter,null,e.createElement(a.Button,{className:"w-full",onClick:n.handlePayWithCreditCard},"Pay with Credit Card"))))};

package/lib/src/blocks/Payment/PayWithWallet.d.ts

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

package/lib/src/blocks/Payment/PayWithWallet.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../elements/Card.js"),l=require("../../elements/Button.js");exports.PayWithWallet=function(a){return e.createElement(t.Card,null,e.createElement(t.CardContent,{headless:!0},e.createElement("div",{className:"text-center text-5xl font-extrabold"},a.walletBalance||"0",e.createElement("div",{className:"text-sm font-normal"},a.currency||"SAR")),e.createElement(l.Button,{className:"mt-6 w-full",onClick:a.handlePayWithWallet},"Pay Now")))};

package/lib/src/blocks/Payment/SelectPayment.d.ts

@@ -0,0 +1,20 @@
+import { FC } 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;
+    handleContinue: (string: any) => void;
+};
+export declare const SelectPayment: FC<SelectPaymentTypes>;
+export {};

package/lib/src/blocks/Payment/SelectPayment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js");require("../../elements/Label.js");var a=require("../../util.js");require("../../elements/Switch.js");var t=require("../../elements/Button.js");require("../../elements/DropdownMenu.js");var l=require("../../elements/Card.js");require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var n=require("../../../_virtual/index.js");exports.SelectPayment=function(s){var r=n.react.exports.useState(""),i=r[0],o=r[1];return e.createElement(l.Card,null,e.createElement(l.CardHeader,null,e.createElement(l.CardTitle,null,"Choose Payment Method"),e.createElement(l.CardDescription,null,"And you'll be directed to the next step to complete the payment")),e.createElement(l.CardContent,{className:"grid grid-cols-2 gap-4"},e.createElement(t.Button,{className:a.cn("flex w-full flex-col gap-2 pt-6","mada"===i&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!s.viaMada,onClick:function(){return o("mada")}},e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",className:"h-6"}),e.createElement("span",null,s.madaLabel)),e.createElement(t.Button,{className:a.cn("flex w-full flex-col gap-2","apple-pay"===i&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!s.viaApplePay,onClick:function(){return o("apple-pay")}},e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",className:"h-11"}),e.createElement("span",null,s.applePayLabel)),e.createElement(t.Button,{className:a.cn("flex w-full flex-col gap-2","visa-master"===i&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!s.viaCreditCard,onClick:function(){return o("visa-master")}},e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",className:"h-6"}),e.createElement("span",null,s.visaMasterLabel)),e.createElement(t.Button,{variant:"outline",size:"heightless",className:a.cn("flex w-full flex-col gap-2","wallet"===i&&"outline outline-4 outline-primary"),disabled:!s.viaWallet,onClick:function(){return o("wallet")}},e.createElement("svg",{version:"1.1",fill:"currentColor",viewBox:"0 0 223 223",className:"h-6 w-6"},e.createElement("g",null,e.createElement("path",{d:"M223,94.5c0-6.075-4.925-11-11-11h-63c-6.075,0-11,4.925-11,11v33c0,6.075,4.925,11,11,11h63c6.075,0,11-4.925,11-11V94.5z M169.515,123.967c-7.082,0-12.823-5.741-12.823-12.823c0-7.082,5.741-12.823,12.823-12.823c7.082,0,12.823,5.741,12.823,12.823 C182.338,118.225,176.597,123.967,169.515,123.967z"}),e.createElement("path",{d:"M123.509,68.5H205v-33c0-8.271-6.395-15-14.667-15h-175C7.062,20.5,0,27.229,0,35.5v152c0,8.271,7.062,15,15.333,15h175 c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z"}))),e.createElement("span",null,s.walletLabel)),e.createElement(t.Button,{variant:"outline",size:"heightless",className:a.cn("flex w-full flex-col gap-2","stc-pay"===i&&"outline outline-4 outline-primary"),disabled:!s.viaSTCPay,onClick:function(){return o("stc-pay")}},e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",className:"h-6"}),e.createElement("span",null,s.stcPayLabel)),e.createElement(t.Button,{variant:"outline",size:"heightless",className:a.cn("flex w-full flex-col gap-2","google-pay"===i&&"outline outline-4 outline-primary"),disabled:!s.viaGooglePay,onClick:function(){return o("google-pay")}},e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",className:"h-6"}),e.createElement("span",null,s.googlePayLabel)),e.createElement(t.Button,{variant:"outline",size:"heightless",className:a.cn("col-span-2 flex w-full flex-col gap-2","paypal"===i&&"outline outline-4 outline-primary"),disabled:!s.viaPayPal,onClick:function(){return o("paypal")}},e.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",className:"h-6"}),e.createElement("span",null,s.paypalLabel))),e.createElement(l.CardFooter,null,e.createElement(t.Button,{onClick:function(){return s.handleContinue(i)},className:"w-full",disabled:!i},"Continue")))};

package/lib/src/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/lib/src/blocks/Pricing/ComparingPlans.d.ts

@@ -0,0 +1,39 @@
+import { FC } from "react";
+type ComparingPlansTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+                description?: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+export declare const ComparingPlans: FC<ComparingPlansTypes>;
+export {};

package/lib/src/blocks/Pricing/ComparingPlans.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js");require("../../elements/Label.js");var t=require("../../elements/HawaRadio.js");require("../../elements/Switch.js"),require("../../elements/Button.js"),require("../../elements/DropdownMenu.js"),require("../../elements/Card.js");var r=require("../../elements/Tooltip.js");require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var a=require("../../../_virtual/index.js"),l=function(){return e.createElement("svg",{className:"h-5 w-5 text-green-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},e.createElement("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"}))},n=function(){return e.createElement("svg",{className:"h-5 w-5 text-red-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},e.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))};exports.ComparingPlans=function(s){var i,o=a.react.exports.useState("sar"),d=o[0];o[1];var m=a.react.exports.useState("month"),c=m[0];return m[1],e.createElement("div",{id:"detailed-pricing",className:"w-full overflow-x-auto"},e.createElement("div",{className:"mb-2 flex w-full justify-between"},e.createElement(t.HawaRadio,{design:"tabs",defaultValue:c,options:s.billingCycles,onChangeTab:function(e){return s.onCycleChange(e)}}),e.createElement(t.HawaRadio,{design:"tabs",defaultValue:d,options:s.currencies,onChangeTab:function(e){return s.onCurrencyChange(e)}})),e.createElement("div",{className:" overflow-hidden rounded"},e.createElement("div",{className:"grid grid-cols-4 gap-x-2 border-b border-t border-gray-200 bg-gray-100 p-4 text-sm font-medium text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-white"},e.createElement("div",{className:"flex items-center"}),s.plans.map((function(t){return e.createElement("div",null,e.createElement("h5",{className:"text-md 0 font-bold text-gray-500 dark:text-gray-400"},t.texts.title),e.createElement("div",{className:" flex items-baseline  text-gray-900 dark:text-white"},e.createElement(e.Fragment,null,e.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},t.price),e.createElement("span",{className:"mx-1 text-sm font-semibold"},t.texts.currencyText)),e.createElement("span",{className:"ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"},"/ ",t.texts.cycleText)),e.createElement("h5",{className:"text-md  font-normal text-gray-500 dark:text-gray-400"},t.texts.subtitle))}))),null===(i=s.plans)||void 0===i?void 0:i.map((function(t){return t.features.map((function(t){return e.createElement("div",{className:"grid grid-cols-4 gap-x-16 border-b border-gray-200 px-4 py-5 text-sm text-gray-700 dark:border-gray-700"},e.createElement("div",{className:"  flex flex-row items-center gap-2  text-gray-500 dark:text-gray-400"},t.text,t.description&&e.createElement(r.Tooltip,{side:"right",content:t.description},e.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},e.createElement("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"})))),e.createElement(n,null),e.createElement(l,null),e.createElement(n,null))}))}))))};

package/lib/src/blocks/Pricing/HorizontalPricing.d.ts

@@ -0,0 +1,47 @@
+import { FC } from "react";
+type HorizontalPricingTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onPlanClicked?: (e: any) => void;
+    currentCycle: {
+        label: string;
+        value: string;
+    };
+    currentCurrency: {
+        label: string;
+        value: string;
+    };
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+export declare const HorizontalPricing: FC<HorizontalPricingTypes>;
+export {};

package/lib/src/blocks/Pricing/HorizontalPricing.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/index.js"),t=require("../../../node_modules/clsx/dist/clsx.m.js");require("../../elements/Label.js");var r=require("../../elements/HawaRadio.js");require("../../elements/Switch.js"),require("../../elements/Button.js"),require("../../elements/DropdownMenu.js"),require("../../elements/Card.js"),require("../../elements/Tooltip.js"),require("../../elements/Textarea.js"),require("../../elements/Popover.js"),require("../../../node_modules/react-dom/server.node.js"),require("../../elements/Input.js"),require("../../elements/Tabs.js"),require("../../elements/Separator.js"),require("../../elements/Toast.js"),require("../../elements/Dialog.js");var l=require("../../../_virtual/index.js"),a=function(){return e.createElement(e.Fragment,null,e.createElement("svg",{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"default h-8 w-8 text-neutral-500"},e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),e.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"active hidden h-8 w-8 text-blue-500"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"})))},n=function(t){return e.createElement("div",{className:"peer flex flex-col items-start "},e.createElement("h2",{className:"font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"},t.title),e.createElement("p",{className:"text-sm text-neutral-500 dark:text-gray-300"},t.subtitle," "))},s=function(t){return e.createElement("h2",{className:"peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"},t.amount,e.createElement("span",{className:"text-base font-medium text-neutral-400"},t.cycle))};exports.HorizontalPricing=function(i){var c=l.react.exports.useState(null),u=c[0],m=c[1];return e.createElement("div",{className:"z-10 w-full max-w-screen-sm"},e.createElement("div",{className:"max-w-2xl "},e.createElement("div",{className:"flex flex-row justify-between"},e.createElement(r.HawaRadio,{design:"tabs",options:i.currencies,defaultValue:i.currentCurrency}),e.createElement(r.HawaRadio,{design:"tabs",options:i.billingCycles,defaultValue:i.currentCycle})),[{title:"basic",price:"$49",cycle:"/mo"},{title:"business",price:"$99",cycle:"/mo"},{title:"enterprise",price:"$149",cycle:"/mo"}].map((function(r){return e.createElement("label",{htmlFor:r.title,className:"",onClick:function(){return m(r.title)}},e.createElement("input",{type:"radio",name:"radio",id:r.title,className:"peer appearance-none"}),e.createElement("div",{className:t.clsx(u===r.title?"peer-checked:border-blue-500":"","peer flex cursor-pointer items-center justify-between  rounded-xl border bg-background px-5   py-4 shadow dark:text-white  peer-checked:[&_.active]:block peer-checked:[&_.default]:hidden")},e.createElement("div",{className:"peer flex items-center gap-4"},e.createElement(a,null),e.createElement(n,{title:"Enterprise",subtitle:"For startups and new businesses"})),e.createElement(s,{amount:r.price,cycle:r.cycle})))}))))};