@sikka/hawa 0.0.94 → 0.0.96

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1667400652602,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.13","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.13"},"@storybook/addons":{"version":"6.5.10"},"@storybook/react":{"version":"6.5.13"},"@storybook/storybook-deployer":{"version":"2.8.16"},"@storybook/theming":{"version":"6.5.10"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.10"},"@storybook/addon-docs":{"version":"6.5.13"},"@storybook/addon-essentials":{"version":"6.5.13"},"@storybook/addon-postcss":{"options":{"cssLoaderOptions":{"importLoaders":1},"postcssLoaderOptions":{}},"version":"2.0.0"}}}
+{"generatedAt":1669081522871,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.15.0"},"storybookVersion":"6.5.13","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.13"},"@storybook/addons":{"version":"6.5.13"},"@storybook/builder-webpack5":{"version":"6.5.13"},"@storybook/manager-webpack5":{"version":"6.5.13"},"@storybook/react":{"version":"6.5.13"},"@storybook/storybook-deployer":{"version":"2.8.16"},"@storybook/theming":{"version":"6.5.13"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.13"},"@storybook/addon-docs":{"version":"6.5.13"},"@storybook/addon-essentials":{"version":"6.5.13"},"@storybook/addon-postcss":{"options":{"cssLoaderOptions":{"importLoaders":1},"postcssLoaderOptions":{}},"version":"2.0.0"}}}

package/storybook-static/runtime~main.25eae181fe0f96887a15.manager.bundle.js

@@ -0,0 +1 @@
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{51:"786e9bbba427ee454dc0",229:"d6fb4f8f665962cef844",295:"67c251ec00675ab59b60",551:"67cd309b0648b0a52636",807:"4f52b2d047c5e8c5872f",897:"386c170cbd1467abc7ca",935:"0b4e9c201c33f3e66e81"}[chunkId]+".manager.bundle.js",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@sikka/hawa:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@sikka/hawa:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_sikka_hawa=self.webpackChunk_sikka_hawa||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();

package/storybook-static/runtime~main.4d0bf318.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{51:"acbbdb95",229:"a3257e00",551:"c82ea8f1",701:"bcf1e718",807:"14b8bfa7",897:"d9a35fd0",935:"07c1b6ea"}[chunkId]+".iframe.bundle.js",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@sikka/hawa:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@sikka/hawa:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_sikka_hawa=self.webpackChunk_sikka_hawa||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();

package/tailwind.config.js

@@ -7,6 +7,9 @@ module.exports = {
       plex: ["IBM Plex Sans Arabic"]
     },
     extend: {
+      screens: {
+        xs: "440px"
+      },
       transitionProperty: {
         height: "height"
       },
@@ -18,7 +21,7 @@ module.exports = {
           "30%": { transform: "scaleY(0)" },
           "40%": { transform: "scaleY(0)" },
           "50%": { transform: "scaleY(0)" },
-          "60%": { transform: "scaleY(0)" },
+          "60%": { transform: "scaleY(0)" }
           // "100%": { transform: "scaleY(1)" },
         }
       },
@@ -27,6 +30,7 @@ module.exports = {
       },
       colors: {
         primary: {
+          default: "#1279F8",
           200: "#C4DEFD",
           300: "#9CC7FC",
           400: "#74B1FB",
@@ -35,6 +39,17 @@ module.exports = {
           700: "#065CC6",
           800: "#054A9E",
           900: "#043777"
+        },
+        secondary: {
+          default: "#A3D039",
+          200: "#E0EFBD",
+          300: "#D1E89C",
+          400: "#C2E07B",
+          500: "#ABD449",
+          600: "#99C62F",
+          700: "#66841F",
+          800: "#59741B",
+          900: "#405313"
         }
       }
     }

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+      "target": "es5",
+      "lib": ["dom", "dom.iterable", "esnext"],
+      "allowJs": true,
+      "skipLibCheck": true,
+      "strict": false,
+      "forceConsistentCasingInFileNames": true,
+      "noEmit": false,
+      "noEmitHelpers": false,
+      "inlineSourceMap": false,
+      "importHelpers": true,
+      // "allowNonTsExtensions":true,
+      "esModuleInterop": true,
+      "noResolve": false,
+      "module": "esnext",
+      "moduleResolution": "node",
+      "resolveJsonModule": true,
+      "isolatedModules": true,
+      "jsx": "preserve",
+      "rootDir": "src"
+    },
+    "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "*.js+(|x)", "**/*.js+(|x)"],
+    "exclude": ["node_modules"]
+  }

package/src/blocks/Account/UserSettingsForm.js

@@ -1,17 +0,0 @@
-import { HawaButton } from "../../elements";
-import { HawaContainer } from "../../layout";
-
-export const UserSettingsForm = (props) => {
-  return (
-    <HawaContainer>
-      {" "}
-      {props.children}
-      <HawaButton
-        text={props.saveSettingsText}
-        type="submit"
-        fullWidth
-        onClick={props.handleSaveSettings}
-      />
-    </HawaContainer>
-  );
-};

package/src/blocks/Account/index.js

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

package/src/blocks/AuthForms/AppLanding.js

@@ -1,40 +0,0 @@
-import React from "react";
-import { HawaButton } from "../../elements";
-import PropTypes from "prop-types";
-import { HawaContainer } from "../../layout/HawaContainer";
-
-export const AppLanding = (props) => {
-  return (
-    <HawaContainer>
-      {props.handleSignIn && (
-        <HawaButton
-          fullWidth
-          text={props.texts.signIn}
-          onClick={props.handleSignIn}
-        />
-      )}
-      {props.handleSignUp && (
-        <HawaButton
-          fullWidth
-          text={props.texts.signUp}
-          onClick={props.handleSignUp}
-        />
-      )}
-      <HawaButton
-        fullWidth
-        text={props.texts.lang}
-        onClick={props.handleLangauge}
-      />
-    </HawaContainer>
-  );
-};
-AppLanding.propTypes = {
-  texts: PropTypes.shape({
-    signIn: PropTypes.string,
-    signUp: PropTypes.string,
-    lang: PropTypes.string
-  }),
-  handleSignIn: PropTypes.func,
-  handleSignUp: PropTypes.func,
-  handleLangauge: PropTypes.func
-};

package/src/blocks/AuthForms/CodeConfirmation.js

@@ -1,78 +0,0 @@
-import React from "react";
-import { HawaTextField, HawaAlert, HawaButton } from "../../elements";
-import { Controller, useForm } from "react-hook-form";
-import PropTypes from "prop-types";
-import { HawaContainer } from "../../layout";
-
-export const CodeConfirmation = (props) => {
-  const methods = useForm();
-  const {
-    formState: { errors },
-    handleSubmit,
-    control
-  } = methods;
-
-  return (
-    <HawaContainer>
-      {" "}
-      {props.showError && (
-        <HawaAlert
-          title={props.errorTitle}
-          text={props.errorText}
-          severity="error"
-        />
-      )}
-      <form onSubmit={handleSubmit(props.handleSignIn)}>
-        <Controller
-          control={control}
-          name="code"
-          render={({ field }) => (
-            <HawaTextField
-              fullWidth
-              type="number"
-              value={field.value ?? ""}
-              label={props.texts.codeLabel}
-              helperText={errors.email?.message}
-              placeholder={props.texts.codePlaceholder}
-              {...field}
-            />
-          )}
-          rules={{
-            required: props.texts.codeRequiredText
-          }}
-        />
-
-        <HawaButton type="submit" fullWidth text={props.texts.confirmText} />
-      </form>
-    </HawaContainer>
-  );
-};
-CodeConfirmation.propTypes = {
-  /**
-   *  An object of all the texts in the blocks
-   */
-  texts: PropTypes.shape({
-    emailLabel: PropTypes.string,
-    emailPlaceholder: PropTypes.string,
-    emailRequiredText: PropTypes.string,
-    emailInvalidText: PropTypes.string,
-    passwordLabel: PropTypes.string,
-    passwordPlaceholder: PropTypes.string,
-    passwordRequiredText: PropTypes.string,
-    forgotPasswordText: PropTypes.string,
-    newUserText: PropTypes.string,
-    signUpText: PropTypes.string,
-    confirmText: PropTypes.string,
-    googleButtonLabel: PropTypes.string,
-    githubButtonLabel: PropTypes.string,
-    twitterButtonLabel: PropTypes.string
-  }),
-  viaGoogle: PropTypes.bool,
-  viaGithub: PropTypes.bool,
-  viaTwitter: PropTypes.bool,
-  handleSignIn: PropTypes.func,
-  handleRouteToSignUp: PropTypes.func,
-  handleGoogleSignIn: PropTypes.func,
-  handleGithubSignIn: PropTypes.func,
-  handleTwitterSignIn: PropTypes.func
-};

package/src/blocks/AuthForms/SignInPhone.js

@@ -1,38 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { HawaButton, HawaPhoneInput } from "../../elements";
-import { HawaContainer } from "../../layout";
-
-export const SignInPhone = (props) => {
-  const [phone, setPhone] = useState("");
-  const methods = useForm();
-  const {
-    formState: { errors },
-    handleSubmit,
-    control
-  } = methods;
-  return (
-    <HawaContainer>
-      <form onSubmit={handleSubmit(props.onSubmit)}>
-        <Controller
-          control={control}
-          name="phone"
-          render={({ field }) => (
-            <HawaPhoneInput
-              country={props.country ?? ""}
-              label={props.label ?? ""}
-              onChange={(e) => {
-                props.onChange(e);
-                setPhone(e);
-              }}
-              value={props.value ?? props.value}
-              {...field}
-            />
-          )}
-        />
-        <div className="mt-2"></div>
-        <HawaButton fullWidth type="submit" text={props.SignInButtonText} />
-      </form>
-    </HawaContainer>
-  );
-};

package/src/blocks/AuthForms/index.js

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

package/src/blocks/Misc/NotFound.js

@@ -1,32 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { HawaButton } from "../../elements";
-
-export const NotFound = (props) => {
-  return (
-    <div
-      style={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center"
-      }}
-    >
-      <div className="text-6xl font-bold">404</div>
-      <div className="text-xl m-2 font-bold">Page Not Found</div>
-      <div className="flex w-40 flex-col bg-blue-300 rounded-xl p-4">
-        <div className="text-center">
-          If you're lost please contact us help@sikka.io{" "}
-        </div>
-        <HawaButton fullWidth text={"Home"} />
-      </div>
-    </div>
-  );
-};
-NotFound.propTypes = {
-  /**
-   *  An object of all the texts in the blocks
-   */
-  texts: PropTypes.shape({
-    emailLabel: PropTypes.string
-  })
-};

package/src/blocks/Misc/index.js

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

package/src/blocks/Payment/ChargeWalletForm.js

@@ -1,81 +0,0 @@
-import React, { useState } from "react";
-import { HawaButton, HawaTextField } from "../../elements";
-import { Controller, FormProvider, useForm } from "react-hook-form";
-import PropTypes from "prop-types";
-import { HawaContainer } from "../../layout";
-
-export const ChargeWalletForm = (props) => {
-  const [walletAmount, setWalletAmount] = useState(0);
-  const methods = useForm();
-  const {
-    formState: { errors },
-    handleSubmit,
-    control
-  } = methods;
-
-  return (
-    <HawaContainer>
-      {" "}
-      <div className="text-5xl font-extrabold text-center">
-        {Number(walletAmount).toLocaleString("en") || "0"}
-        <div className="text-sm font-normal">{props.currency || "SAR"}</div>
-      </div>
-      <FormProvider {...methods}>
-        <form onSubmit={handleSubmit(props.handleChargeWallet)}>
-          <Controller
-            control={control}
-            name="amount"
-            render={({ field }) => (
-              <HawaTextField
-                fullWidth
-                placeholder={props.texts.amountLabel}
-                type="number"
-                value={field.value ?? ""}
-                {...field}
-                inputProps={{
-                  inputMode: "numeric",
-                  min: "1",
-                  max: "9999999",
-                  step: "0.01"
-                }}
-                onChange={(e) => {
-                  field.onChange(parseFloat(e.target.value));
-                  setWalletAmount(e.target.value);
-                }}
-                helperText={errors.amount?.message}
-              />
-            )}
-            rules={{
-              required: props.texts.amountRequired
-            }}
-          />
-
-          <HawaButton
-            type="submit"
-            fullWidth
-            text={props.texts.chargeWallet}
-          ></HawaButton>
-        </form>
-      </FormProvider>
-    </HawaContainer>
-  );
-};
-
-ChargeWalletForm.propTypes = {
-  /**
-   * The texts object for all the texts in the block
-   */
-  texts: PropTypes.shape({
-    amountLabel: PropTypes.string,
-    chargeWallet: PropTypes.string,
-    amountRequired: PropTypes.string
-  }),
-  /**
-   * Function called when charge wallet button is clicked
-   */
-  handleChargeWallet: PropTypes.func,
-  /**
-   * The currency text under the amount
-   */
-  currency: PropTypes.string
-};

package/src/blocks/Payment/Confirmation.js

@@ -1,104 +0,0 @@
-import React from "react";
-import { HawaButton, HawaTable } from "../../elements";
-import PropTypes from "prop-types";
-import { HawaContainer } from "../../layout";
-
-export const ConfirmationPage = (props) => {
-  let isArabic = props.lang === "ar";
-
-  return (
-    <HawaContainer withDividers>
-      {" "}
-      <div className="text-3xl font-bold text-center py-5">
-        {props.confirmationTitle}
-      </div>
-      <div className="py-5">
-        <div className="text-center mb-2">
-          {props.texts.successMessage} <strong>{props.userEmail}</strong>
-        </div>
-        <div className="text-center">{props.texts.yourOrderNumber}</div>
-        <div className="font-bold text-center">{props.orderNumber}</div>
-      </div>
-      <div className="py-5">
-        <div className="text-xl font-semibold mb-3 text-center">
-          {props.texts.orderDetails}
-        </div>
-        {props.products && (
-          <HawaTable
-            lang={props.lang}
-            columns={["Product", "Price"]}
-            rows={props.products}
-            end={["Total", props.total]}
-          />
-        )}
-      </div>
-      <div className="flex flex-col py-5 justify-center items-center">
-        <HawaButton
-          fullWidth
-          onClick={props.handlePrint}
-          text={props.texts.print}
-        />{" "}
-        <HawaButton
-          fullWidth
-          onClick={props.handleHistory}
-          text={props.texts.history}
-        />{" "}
-        <HawaButton
-          fullWidth
-          onClick={props.handleHome}
-          text={props.texts.homePage}
-        />{" "}
-        <div className="mt-5 mb-5 text-center text-sm">
-          {props.texts.fasterPaymentNote}
-        </div>
-        <a
-          className="w-fit text-center cursor-pointer text-xs font-normal"
-          onClick={props.handleRefundPolicyLink}
-        >
-          {props.texts.refundPolicy}
-        </a>
-      </div>
-    </HawaContainer>
-  );
-};
-
-ConfirmationPage.propTypes = {
-  /**
-   * The texts object for all the texts in the block
-   */
-  texts: PropTypes.shape({
-    print: PropTypes.string,
-    history: PropTypes.string,
-    homePage: PropTypes.string,
-    successMessage: PropTypes.string,
-    orderDetails: PropTypes.string,
-    fasterPaymentNote: PropTypes.string,
-    billingAddress: PropTypes.string,
-    payNow: PropTypes.string,
-    yourOrderNumber: PropTypes.string,
-    emailLabel: PropTypes.string,
-    emailRequiredText: PropTypes.string,
-    emailInvalidText: PropTypes.string,
-    firstNameLabel: PropTypes.string,
-    required: PropTypes.string,
-    lastNameLabel: PropTypes.string,
-    streetAddressLabel: PropTypes.string,
-    buildingNumberLabel: PropTypes.string,
-    cityLabel: PropTypes.string,
-    stateLabel: PropTypes.string,
-    countryLabel: PropTypes.string,
-    zipCodeLabel: PropTypes.string,
-    refundPolicy: PropTypes.string
-  }),
-  products: PropTypes.array,
-  countriesList: PropTypes.array,
-  lang: PropTypes.string,
-  total: PropTypes.string,
-  userEmail: PropTypes.string,
-  orderNumber: PropTypes.string,
-  confirmationTitle: PropTypes.string,
-  handleHome: PropTypes.func,
-  handlePrint: PropTypes.func,
-  handleHistory: PropTypes.func,
-  handleRefundPolicyLink: PropTypes.func
-};