@sikka/hawa 0.0.11 → 0.0.14

package/storybook-static/vendors~main.5eab66d3.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors~main.5eab66d3.iframe.bundle.js","sources":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A","sourceRoot":""}

package/src/blocks/Account/UserSettings.js

@@ -1,14 +0,0 @@
-import { HawaTextField, ActionButton } from "../../ui";
-import { Box } from "../../layout";
-
-export const UserSettings = (props) => {
-  return (
-    <Box maxWidth={400}>
-      <HawaTextField type="text" inputLabel="First Name" />
-      <HawaTextField type="text" inputLabel="Last Name" />
-      <HawaTextField type="email" inputLabel="Email" />
-      <HawaTextField type="password" inputLabel="Password" />
-      <ActionButton last text="Update Account" />
-    </Box>
-  );
-};

package/src/stories/BlocksStories/AuthForm.stories.js

@@ -1,171 +0,0 @@
-import { ThemeProvider } from "@mui/material";
-import React from "react";
-import {
-  NewPasswordForm,
-  ResetPasswordForm,
-  SignInForm,
-  SignUpForm
-} from "../../blocks/AuthForms";
-
-export default {
-  title: "Blocks/AuthBlocks",
-  component: [SignInForm, SignUpForm, NewPasswordForm, NewPasswordForm],
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  }
-};
-
-const SignInTemplate = (args) => {
-  return (
-    <SignInForm
-      {...args}
-      error={args.showError}
-      texts={{
-        emailLabel: "Email",
-        emailPlaceholder: "Enter your email",
-        emailRequiredText: "Email is required",
-        emailInvalidText: "Invalid email address",
-        passwordLabel: "Password",
-        passwordPlaceholder: "Enter password",
-        passwordRequiredText: "Password is required",
-        forgotPasswordText: "Forgot password?",
-        newUserText: "New user?",
-        signUpText: "Sign up",
-        signInText: "Sign in",
-        googleButtonLabel: "Sign in with Google",
-        githubButtonLabel: "Sign in with Github",
-        twitterButtonLabel: "Sign in with Twitter"
-      }}
-      handleSignIn={(e) => console.log("singing in via email", e)}
-      handleForgotPassword={() => console.log("user forgot password")}
-      handleGoogleSignIn={() => console.log("signing in via google")}
-      handleGithubSignIn={() => console.log("signing in via github")}
-      handleTwitterSignIn={() => console.log("signing in via Twitter")}
-      handleRouteToSignUp={() => console.log("switching to sign up")}
-      viaGoogle={args.viaGoogle}
-      viaGithub={args.viaGithub}
-      viaTwitter={args.viaTwitter}
-    />
-  );
-};
-
-export const SignIn = SignInTemplate.bind({});
-SignIn.args = {
-  viaGoogle: true,
-  viaGithub: true,
-  viaTwitter: true,
-  showError: false,
-  theme: "primary"
-};
-
-const SignUpTemplate = (args) => {
-  return (
-    <SignUpForm
-      {...args}
-      texts={{
-        fullNameLabel: "Full Name",
-        fullNamePlaceholder: "Fulan AlFulani",
-        emailLabel: "Email",
-        emailPlaceholder: "Enter your email",
-        emailRequiredText: "Email is required",
-        emailInvalidText: "Invalid email address",
-        passwordLabel: "Password",
-        passwordPlaceholder: "Minimum 8 characters",
-        passwordRequiredText: "Password is required",
-        passwordTooShortText: "Password too short",
-        forgotPasswordText: "Forgot password?",
-        newUserText: "New user?",
-        signUpText: "Sign up",
-        signInText: "Sign in",
-        googleButtonLabel: "Sign in with Google",
-        githubButtonLabel: "Sign in with Github",
-        twitterButtonLabel: "Sign in with Twitter"
-      }}
-      error={args.showError}
-      viaGoogle={args.viaGoogle}
-      viaGithub={args.viaGithub}
-      viaTwitter={args.viaTwitter}
-      handleSignUp={() => console.log("singing up via email")}
-      handleGoogleSignUp={() => console.log("signing up via google")}
-      handleGithubSignUp={() => console.log("signing up via github")}
-      handleTwitterSignUp={() => console.log("signing up via Twitter")}
-      handleRouteToSignIn={() => console.log("switching to sign in")}
-    />
-  );
-};
-export const SignUp = SignUpTemplate.bind({});
-SignUp.args = {
-  viaGoogle: true,
-  viaGithub: true,
-  viaTwitter: true,
-  showError: false,
-  theme: "primary"
-};
-
-const ResetPasswordTemplate = (args) => {
-  return (
-    <ResetPasswordForm
-      error={args.showError}
-      texts={{
-        emailLabel: "Email",
-        emailPlaceholder: "Enter your email",
-        emailRequiredText: "Email is required",
-        emailInvalidText: "Invalid email address",
-        passwordLabel: "Password",
-        resetPassword: "Reset Password",
-        passwordRequiredText: "Password is required",
-        forgotPasswordText: "Forgot password?",
-        newUserText: "New user?",
-        signUpText: "Sign up",
-        signInText: "Sign in",
-        googleButtonLabel: "Sign in with Google",
-        githubButtonLabel: "Sign in with Github",
-        twitterButtonLabel: "Sign in with Twitter"
-      }}
-      {...args}
-      handleResetPassword={() => console.log("resetting password")}
-    />
-  );
-};
-export const ResetPassword = ResetPasswordTemplate.bind({});
-ResetPassword.args = {
-  theme: "primary",
-  showError: false,
-  sent: false
-};
-const NewPasswordTemplate = (args) => {
-  return (
-    <NewPasswordForm
-      texts={{
-        emailLabel: "Email",
-        emailPlaceholder: "Enter your email",
-        emailRequiredText: "Email is required",
-        passwordPlaceholder: "Enter password",
-        updatePassword: "Update Password",
-        passwordRequiredText: "Password is required",
-        passwordLabel: "Choose new password",
-        confirmPasswordPlaceholder: "Confirm password",
-        confirmPasswordLabel: "Confirm",
-        forgotPasswordText: "Forgot password?",
-        newUserText: "New user?",
-        signUpText: "Sign up",
-        signInText: "Sign in",
-        googleButtonLabel: "Sign in with Google",
-        githubButtonLabel: "Sign in with Github",
-        twitterButtonLabel: "Sign in with Twitter"
-      }}
-      error={args.showError}
-      theme={args.theme}
-      {...args}
-    />
-  );
-};
-export const NewPassword = NewPasswordTemplate.bind({});
-NewPassword.args = {
-  theme: "primary",
-  showError: false,
-  passwordChanged: false
-};

package/src/stories/BlocksStories/UserForm.stories.js

@@ -1,27 +0,0 @@
-import React from "react";
-import { UserProfile } from "../../blocks/Account";
-
-export default {
-  title: "Blocks/UserBlocks",
-  component: UserProfile,
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  }
-};
-
-export const UserAccount = (args) => {
-  return <UserProfile {...args} />;
-};
-
-UserAccount.args = {
-  theme: "primary"
-};
-export const UserSettings = (args) => {
-  return <UserProfile {...args} />;
-};
-UserSettings.args = {
-  theme: "primary"
-};

package/src/stories/UIStories/ActionButton.stories.js

@@ -1,41 +0,0 @@
-import React from "react";
-import { ActionButton } from "../../ui";
-
-export default {
-  title: "Elements/Buttons/ActionButton",
-  component: ActionButton,
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  }
-};
-const Template = (args) => {
-  return <ActionButton text={args.buttonLabel} />;
-};
-
-Template.args = {
-  showText: true,
-  buttonLabel: "test",
-  theme: "primary"
-};
-export const Primary = Template.bind({});
-Primary.args = {
-  showText: true,
-  buttonLabel: "test",
-  theme: "primary"
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-  showText: true,
-  buttonLabel: "test",
-  theme: "secondary"
-};
-export const Default = Template.bind({});
-Default.args = {
-  showText: true,
-  buttonLabel: "test",
-  theme: "default"
-};

package/src/stories/UIStories/AdaptiveButton.stories.js

@@ -1,76 +0,0 @@
-import React from "react";
-import CastIcon from "@mui/icons-material/Cast";
-import { AdaptiveButton } from "../../ui";
-
-export default {
-  title: "Elements/Buttons/AdaptiveButton",
-  component: AdaptiveButton,
-  argsTypes: {
-    buttonLabel: { control: "text" },
-    borderRadius: { control: "number" },
-    buttonColor: { control: "color" },
-    padding: { control: "number" },
-    hintTitle: { control: "text" },
-    hintContent: { control: "text" },
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  },
-  args: {
-    hintTitle: "test",
-    hintContent: "more test",
-    buttonColor: "#f9f9f9",
-    theme: "primary"
-  }
-};
-
-const Template = (args) => {
-  return <AdaptiveButton {...args} />;
-};
-
-export const FullButton = Template.bind({});
-FullButton.args = {
-  // showText: true,
-  // buttonLabel: "test",
-  // borderRadius: 5,
-  // icon: <CastIcon />,
-  // textColor: "#000000",
-  // buttonColor: "#f9f9f9",
-  theme: "primary"
-  // placeholder: "Example ...",
-  // defaultValue: "This is default value",
-  // inputLabel: "Text Field",
-  // padding: 10
-};
-
-export const IconOnly = Template.bind({});
-IconOnly.args = {
-  // showText: true,
-  // buttonLabel: "test",
-  // borderRadius: 5,
-  // buttonColor: "#878787",
-  // textColor: "#ffffff",
-  // icon: <CastIcon />,
-  theme: "primary"
-
-  // placeholder: "Exemple ...",
-  // defaultValue: "This is default value",
-  // inputLabel: "Text Field",
-  // padding: 10
-};
-export const Danger = Template.bind({});
-Danger.args = {
-  // showText: true,
-  // buttonLabel: "test",
-  // borderRadius: 5,
-  // buttonColor: "#c0c0c0",
-  // danger: true,
-  // icon: <CastIcon />,
-  theme: "primary"
-
-  // placeholder: "Exemple ...",
-  // defaultValue: "This is default value",
-  // inputLabel: "Text Field",
-  // padding: 10
-};

package/src/stories/UIStories/CheckBox.stories.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { HawaCheckbox } from "../../ui";
-
-const Template = (args) => {
-  return <HawaCheckbox {...args} />;
-};
-
-export default {
-  title: "UI/Checkbox",
-  component: HawaCheckbox,
-  argsTypes: {
-    defaultValue: {
-      options: [true, false],
-      control: { type: "radio" }
-    }
-  },
-  args: {
-    defaultValue: true,
-    disabled: true
-  }
-};
-
-export const Light = Template.bind({});
-export const Dark = Template.bind({});
-
-Light.args = {
-  color: "red",
-  defaultValue: false,
-  label: "test"
-};
-Dark.args = {
-  color: "gray",
-  defaultValue: false
-};

package/src/stories/UIStories/LogoButtons.stories.js

@@ -1,86 +0,0 @@
-import React from "react";
-import { ActionButton, HawaLogoButton } from "../../ui";
-
-export default {
-  title: "Elements/Buttons/LogoButtons",
-  component: ActionButton,
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    },
-    buttonLabel: { control: "text" },
-    logo: { control: "text" }
-  },
-  args: {
-    buttonLabel: "test",
-    logo: "google",
-    theme: "primary"
-  }
-};
-
-const Template = (args) => {
-  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;
-};
-
-export const Google = Template.bind({});
-Google.args = {
-  buttonLabel: "Sign in via Google",
-  logo: "google",
-  theme: "primary"
-};
-
-export const Twitter = Template.bind({});
-Twitter.args = {
-  buttonLabel: "Sign in via Twitter",
-  logo: "twitter",
-  theme: "primary"
-};
-export const Github = Template.bind({});
-Github.args = {
-  buttonLabel: "Sign in via Github",
-  logo: "github",
-  theme: "primary"
-};
-export const WalletPay = Template.bind({});
-WalletPay.args = {
-  buttonLabel: "Pay with Wallet",
-  logo: "wallet",
-  theme: "primary"
-};
-export const GooglePay = Template.bind({});
-GooglePay.args = {
-  buttonLabel: "Google Pay",
-  logo: "googlepay",
-  theme: "primary"
-};
-export const ApplePay = Template.bind({});
-ApplePay.args = {
-  buttonLabel: "Apple Pay",
-  logo: "applepay",
-  theme: "primary"
-};
-export const STCPay = Template.bind({});
-STCPay.args = {
-  buttonLabel: "STC Pay",
-  logo: "stcpay",
-  theme: "primary"
-};
-export const VisaMasterPay = Template.bind({});
-VisaMasterPay.args = {
-  buttonLabel: "Visa / Mastercard",
-  logo: "visa/master",
-  theme: "primary"
-};
-export const PayPal = Template.bind({});
-PayPal.args = {
-  buttonLabel: "PayPal",
-  logo: "paypal",
-  theme: "primary"
-};
-export const Mada = Template.bind({});
-Mada.args = {
-  buttonLabel: "Mada",
-  logo: "mada",
-  theme: "primary"
-};

package/src/stories/UIStories/RadioSelector.stories.js

@@ -1,50 +0,0 @@
-import React from "react";
-import { HawaRadio } from "../../ui";
-
-export default {
-  title: "UI/RadioSelector",
-  component: HawaRadio,
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    }
-  },
-  args: {
-    theme: "primary"
-  }
-};
-
-const Template = (args) => {
-  return (
-      <HawaRadio
-        defaultValue="option1"
-        options={[
-          { text: "Option 1", label: "option1" },
-          { text: "Option 2", label: "option2" },
-          { text: "Option 3", label: "option3" }
-        ]}
-      />
-  );
-};
-export const Light = Template.bind({});
-
-Light.args = {
-  theme: "primary",
-
-  handleChange: () => {
-    console.log("handleChange goes here");
-  }
-};
-export const Dark = Template.bind({});
-Dark.args = {
-  options: [
-    { text: "Option 1", label: "option1" },
-    { text: "Option 2", label: "option2" },
-    { text: "Option 3", label: "option3" }
-  ],
-  defaultValue: "option2",
-  handleChange: () => {
-    console.log("handleChange goes here");
-  }
-};

package/src/stories/UIStories/SettingsRow.stories.js

@@ -1,51 +0,0 @@
-import React from "react";
-import {
-  SelectPayment,
-  CreditCardForm,
-  ChargeWalletForm,
-  PayWithWallet
-} from "../../blocks/Payment";
-import { HawaSettingsRow } from "../../ui";
-
-export default {
-  title: "UI/SettingsRow",
-  component: [SelectPayment, CreditCardForm],
-  argTypes: {
-    theme: {
-      options: ["primary", "secondary", "default"],
-      control: { type: "select" }
-    },
-    type: {
-      options: ["checkbox", "text", "default"],
-      control: { type: "select" }
-    }
-  },
-  args: {
-    theme: "primary",
-    type: "checkbox"
-  }
-};
-
-const HawaSettingsRowTemplate = (args) => {
-  return <HawaSettingsRow settingsType={args.type} />;
-};
-
-export const Checkbox = HawaSettingsRowTemplate.bind({});
-Checkbox.args = {
-  theme: "primary",
-  type: "checkbox"
-};
-export const Text = (args) => {
-  return <HawaSettingsRow settingsType={args.type} />;
-};
-Text.args = {
-  theme: "primary",
-  type: "text"
-};
-export const Radio = (args) => {
-  return <HawaSettingsRow settingsType={args.type} />;
-};
-Radio.args = {
-  theme: "primary",
-  type: "radio"
-};