blixify-ui-web 0.1.11 → 0.1.13

package/lib/components/action/button/index.d.ts

@@ -2,7 +2,7 @@ import { Component, ReactElement } from "react";
 import "../../../index.css";
 interface Props {
     text: string;
-    type: "normal" | "dark" | "light" | "google";
+    type: "normal" | "dark" | "light" | "icon";
     icon?: ReactElement;
     size?: string;
     disable?: boolean;

package/lib/components/action/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,MAAM;CAmDP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,MAAM;CAmDP"}

package/lib/components/action/button/index.js

@@ -71,7 +71,7 @@ var Button = /** @class */ (function (_super) {
                     defaultClassName +=
                         " bg-white shadow-md text-primary-600 hover:bg-gray-100 focus:ring-primary-700 ";
                     break;
-                case "google":
+                case "icon":
                     defaultClassName +=
                         " bg-white border-2 border-gray-200 text-gray-700 hover:bg-gray-100 focus:ring-primary-600 ";
                     break;

package/lib/components/action/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAY5B;IAA4B,0BAAgB;IAA5C;;IAoDA,CAAC;IAnDC,uBAAM,GAAN;;QACE,IAAI,WAAW,GAAG,WAAW,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC/B,WAAW,GAAG,WAAW,CAAC;SAC3B;QAED,IAAI,aAAa,GAAG,QAAQ,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,aAAa,GAAG,+BAA+B,CAAC;SACjD;QAED,IAAI,gBAAgB,GAAG,2BAAoB,aAAa,iCAAuB,WAAW,+FAA4F,CAAC;QAEvL,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,QAAQ;oBACX,gBAAgB;wBACd,yEAAyE,CAAC;oBAC5E,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,0EAA0E,CAAC;oBAC7E,MAAM;gBACR,KAAK,OAAO;oBACV,gBAAgB;wBACd,gFAAgF,CAAC;oBACnF,MAAM;gBACR,KAAK,QAAQ;oBACX,gBAAgB;wBACd,4FAA4F,CAAC;oBAC/F,MAAM;aACT;SACF;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;SAChD;QAED,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE7D,uCAAK,SAAS,EAAC,2CAA2C,IACvD,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,IAAI;gBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACC,CACV,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AApDD,CAA4B,iBAAS,GAoDpC;AApDY,wBAAM"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAY5B;IAA4B,0BAAgB;IAA5C;;IAoDA,CAAC;IAnDC,uBAAM,GAAN;;QACE,IAAI,WAAW,GAAG,WAAW,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC/B,WAAW,GAAG,WAAW,CAAC;SAC3B;QAED,IAAI,aAAa,GAAG,QAAQ,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,aAAa,GAAG,+BAA+B,CAAC;SACjD;QAED,IAAI,gBAAgB,GAAG,2BAAoB,aAAa,iCAAuB,WAAW,+FAA4F,CAAC;QAEvL,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,QAAQ;oBACX,gBAAgB;wBACd,yEAAyE,CAAC;oBAC5E,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,0EAA0E,CAAC;oBAC7E,MAAM;gBACR,KAAK,OAAO;oBACV,gBAAgB;wBACd,gFAAgF,CAAC;oBACnF,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,4FAA4F,CAAC;oBAC/F,MAAM;aACT;SACF;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;SAChD;QAED,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE7D,uCAAK,SAAS,EAAC,2CAA2C,IACvD,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,IAAI;gBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACC,CACV,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AApDD,CAA4B,iBAAS,GAoDpC;AApDY,wBAAM"}

package/lib/components/auth/signIn/index.d.ts

@@ -0,0 +1,32 @@
+import React, { Component } from "react";
+export declare let AvailableProvider: "google" | "email" | "phone";
+export declare enum SignInType {
+    SIGNIN = "signIn",
+    RESETPASSWORD = "resetPassword"
+}
+interface Props {
+    type: typeof AvailableProvider;
+    provider: typeof AvailableProvider[];
+    leftComponents: React.ReactElement[] | React.ReactElement;
+    version?: string;
+    onChangeProvider: (provider: typeof AvailableProvider) => void;
+}
+interface State {
+    type: SignInType;
+}
+export declare class SignInTemplate extends Component<Props> {
+    private formRef;
+    private input1;
+    private input2;
+    state: State;
+    handleChangeAuthType: (value: SignInType) => void;
+    handleChangePhoneProvider: () => void;
+    renderOtherProvidedContent: () => JSX.Element[];
+    renderContent: () => JSX.Element;
+    renderResetPasswordContent: () => JSX.Element;
+    renderSignInContent: () => JSX.Element;
+    renderAuthButton: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/auth/signIn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/signIn/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAMpD,eAAO,IAAI,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,cAAc,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAClD,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,MAAM,CAAoB;IAElC,KAAK,EAAE,KAAK,CAEV;IAEF,oBAAoB,UAAW,UAAU,UAIvC;IAEF,yBAAyB,aAGvB;IAEF,0BAA0B,sBAgDxB;IAEF,aAAa,oBAOX;IAEF,0BAA0B,oBAkBxB;IAEF,mBAAmB,oBAkDjB;IAEF,gBAAgB,oBAwCd;IAEF,MAAM;CAqCP"}

package/lib/components/auth/signIn/index.js

@@ -0,0 +1,165 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignInTemplate = exports.SignInType = exports.AvailableProvider = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = __importStar(require("react"));
+var logo_google_png_1 = __importDefault(require("../../../assets/logo_google.png"));
+var button_1 = require("../../action/button");
+var form_1 = require("../../input/form");
+var textInput_1 = require("../../input/textInput");
+var SignInType;
+(function (SignInType) {
+    SignInType["SIGNIN"] = "signIn";
+    SignInType["RESETPASSWORD"] = "resetPassword";
+})(SignInType = exports.SignInType || (exports.SignInType = {}));
+var SignInTemplate = /** @class */ (function (_super) {
+    __extends(SignInTemplate, _super);
+    function SignInTemplate() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.formRef = (0, react_1.createRef)();
+        _this.input1 = (0, react_1.createRef)();
+        _this.input2 = (0, react_1.createRef)();
+        _this.state = {
+            type: SignInType.SIGNIN,
+        };
+        _this.handleChangeAuthType = function (value) {
+            _this.setState({
+                type: value,
+            });
+        };
+        _this.handleChangePhoneProvider = function () {
+            _this.handleChangeAuthType(SignInType.SIGNIN);
+            _this.props.onChangeProvider("phone");
+        };
+        _this.renderOtherProvidedContent = function () {
+            var otherProviderList = [];
+            _this.props.provider.map(function (eachProvider) {
+                if (_this.props.type !== eachProvider) {
+                    switch (eachProvider) {
+                        case "email":
+                            otherProviderList.push(react_1.default.createElement(button_1.Button, { type: "icon", key: eachProvider, className: "w-full", text: "Sign In With Email", onClick: _this.props.onChangeProvider.bind(_this, "email"), icon: react_1.default.createElement(outline_1.EnvelopeIcon, { className: "h-6 w-6 mr-3" }) }));
+                            break;
+                        case "google":
+                            otherProviderList.push(react_1.default.createElement(button_1.Button, { type: "icon", key: eachProvider, className: "w-full", text: "Sign In With Google", icon: react_1.default.createElement("img", { src: logo_google_png_1.default, alt: "", className: "h-6 w-6 mr-3" }) }));
+                            break;
+                        case "phone":
+                            otherProviderList.push(react_1.default.createElement(button_1.Button, { type: "icon", key: eachProvider, className: "w-full", text: "Sign In With Phone", onClick: _this.handleChangePhoneProvider, icon: react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { className: "h-6 w-6 mr-3" }) }));
+                            break;
+                        default:
+                            break;
+                    }
+                }
+                return null;
+            });
+            return otherProviderList;
+        };
+        _this.renderContent = function () {
+            switch (_this.state.type) {
+                case SignInType.SIGNIN:
+                    return _this.renderSignInContent();
+                case SignInType.RESETPASSWORD:
+                    return _this.renderResetPasswordContent();
+            }
+        };
+        _this.renderResetPasswordContent = function () {
+            return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: [_this.input1, _this.input2], ref: _this.formRef },
+                react_1.default.createElement(textInput_1.TextInput, { ref: _this.input1, id: "email", value: "", type: "email", label: "Email", placeholder: "test@gmail.com" }),
+                _this.renderAuthButton()));
+        };
+        _this.renderSignInContent = function () {
+            switch (_this.props.type) {
+                case "email":
+                    return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: [_this.input1, _this.input2], ref: _this.formRef },
+                        react_1.default.createElement(textInput_1.TextInput, { ref: _this.input1, id: "email", value: "", type: "email", label: "Email", placeholder: "test@gmail.com" }),
+                        react_1.default.createElement(textInput_1.TextInput, { ref: _this.input2, id: "password", value: "", type: "password", label: "Password", placeholder: "******" }),
+                        _this.renderAuthButton()));
+                case "phone":
+                    return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: [_this.input1, _this.input2], ref: _this.formRef },
+                        react_1.default.createElement(textInput_1.TextInput, { ref: _this.input1, id: "email", value: "", type: "mobile", label: "Phone", placeholder: "+60123456789" }),
+                        _this.renderAuthButton()));
+                default:
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        };
+        _this.renderAuthButton = function () {
+            var rememberText = _this.state.type === SignInType.SIGNIN
+                ? "Forgot Your Password?"
+                : "Remembered Your Password?";
+            var buttonText = _this.state.type === SignInType.SIGNIN ? "Sign In" : "Reset Password";
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                _this.props.type === "email" && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
+                    react_1.default.createElement("span", { className: "text-base text-primary-600 cursor-pointer", onClick: _this.handleChangeAuthType.bind(_this, _this.state.type === SignInType.SIGNIN
+                            ? SignInType.RESETPASSWORD
+                            : SignInType.SIGNIN) }, rememberText))),
+                react_1.default.createElement("div", { className: "justify-end sm:col-span-2 sm:flex sm:ml-8" },
+                    react_1.default.createElement("div", { className: "hidden sm:block" }),
+                    react_1.default.createElement(button_1.Button, { className: "w-full mt-4 sm:w-1/2", text: buttonText, size: "small", type: "normal", onClick: function () {
+                            var _a;
+                            (_a = _this.formRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit();
+                        } }))));
+        };
+        return _this;
+    }
+    SignInTemplate.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3" },
+            react_1.default.createElement("div", { className: "relative overflow-hidden py-10 px-6 bg-gray-50 sm:px-10 xl:p-12" }, this.props.leftComponents),
+            react_1.default.createElement("div", { className: "py-10 px-6 sm:px-10 lg:col-span-2 xl:p-12" },
+                this.renderContent(),
+                react_1.default.createElement("div", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" },
+                    this.props.provider.length > 1 && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "flex flex-row items-center sm:col-span-2 mt-2" },
+                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" }),
+                            react_1.default.createElement("span", { className: "text-sm px-2 text-gray-500" }, "Or Continue With"),
+                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" })),
+                        this.props.provider.length <= 2 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
+                        this.renderOtherProvidedContent())),
+                    this.props.version && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
+                        react_1.default.createElement("span", { className: "text-xs text-gray-500" },
+                            "Version ",
+                            this.props.version)))))));
+    };
+    return SignInTemplate;
+}(react_1.Component));
+exports.SignInTemplate = SignInTemplate;
+//# sourceMappingURL=index.js.map

package/lib/components/auth/signIn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/auth/signIn/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/auth/signUp/index.d.ts

@@ -0,0 +1,41 @@
+import { Component, LegacyRef, ReactElement } from "react";
+import "../../../index.css";
+import { Form } from "../../input/form";
+import { AvailableProvider } from "../signIn";
+export declare enum SignUpType {
+    SIGNUP = "signUp",
+    SIGNUPOPTIONS = "signUpOptions"
+}
+interface Steps {
+    refs: any[];
+    formRef: LegacyRef<Form>;
+    components: JSX.Element[];
+    onHandleComponents: () => void;
+}
+interface FormList {
+    steps: Steps[];
+}
+interface Props {
+    type: typeof AvailableProvider;
+    provider: typeof AvailableProvider[];
+    stepIndex: number;
+    formList: FormList;
+    leftComponents: ReactElement[];
+    version?: string;
+    handleUpdateStepIndex: (index: number) => void;
+    onChangeProvider: (provider: typeof AvailableProvider) => void;
+}
+interface State {
+    type: SignUpType;
+}
+export declare class SignUpTemplate extends Component<Props> {
+    state: State;
+    handleSelectSignUpOptions: (signUpOpts: SignUpType, provider: typeof AvailableProvider | "") => void;
+    renderSignUpSteps: () => JSX.Element;
+    renderEachProvider: (eachProvider: any, type: "normal" | "dark" | "light" | "icon") => JSX.Element;
+    renderOtherProvidedContent: () => JSX.Element[];
+    renderContent: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/auth/signUp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAClD,KAAK,EAAE,KAAK,CAEV;IAEF,yBAAyB,eACX,UAAU,YACZ,wBAAwB,GAAG,EAAE,UAYvC;IAEF,iBAAiB,oBAOf;IAEF,kBAAkB,4BAEV,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,iBAmD1C;IAEF,0BAA0B,sBAUxB;IAEF,aAAa,oBAwCX;IAEF,MAAM;CAwEP"}

package/lib/components/auth/signUp/index.js

@@ -0,0 +1,149 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignUpTemplate = exports.SignUpType = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = __importStar(require("react"));
+var logo_google_png_1 = __importDefault(require("../../../assets/logo_google.png"));
+require("../../../index.css");
+var button_1 = require("../../action/button");
+var iconButton_1 = require("../../action/iconButton");
+var form_1 = require("../../input/form");
+var SignUpType;
+(function (SignUpType) {
+    SignUpType["SIGNUP"] = "signUp";
+    SignUpType["SIGNUPOPTIONS"] = "signUpOptions";
+})(SignUpType = exports.SignUpType || (exports.SignUpType = {}));
+var SignUpTemplate = /** @class */ (function (_super) {
+    __extends(SignUpTemplate, _super);
+    function SignUpTemplate() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            type: SignUpType.SIGNUPOPTIONS,
+        };
+        _this.handleSelectSignUpOptions = function (signUpOpts, provider) {
+            _this.setState({
+                type: signUpOpts,
+            }, function () {
+                if (provider) {
+                    _this.props.onChangeProvider(provider);
+                }
+            });
+        };
+        _this.renderSignUpSteps = function () {
+            return (react_1.default.createElement("h3", { className: "text-lg font-medium text-warm-gray-900" }, _this.state.type === SignUpType.SIGNUPOPTIONS &&
+                "Choose A Sign Up Option"));
+        };
+        _this.renderEachProvider = function (eachProvider, type) {
+            switch (eachProvider) {
+                case "email":
+                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Email", onClick: _this.handleSelectSignUpOptions.bind(_this, SignUpType.SIGNUP, "email"), icon: react_1.default.createElement(outline_1.EnvelopeIcon, { className: "h-6 w-6 mr-3" }) }));
+                case "google":
+                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Google", onClick: _this.handleSelectSignUpOptions.bind(_this, SignUpType.SIGNUP, "google"), icon: react_1.default.createElement("img", { src: logo_google_png_1.default, alt: "", className: "h-6 w-6 mr-3" }) }));
+                case "phone":
+                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Phone", onClick: _this.handleSelectSignUpOptions.bind(_this, SignUpType.SIGNUP, "phone"), icon: react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { className: "h-6 w-6 mr-3" }) }));
+                default:
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        };
+        _this.renderOtherProvidedContent = function () {
+            var otherProviderList = [];
+            _this.props.provider.map(function (eachProvider) {
+                if (_this.props.type !== eachProvider) {
+                    otherProviderList.push(_this.renderEachProvider(eachProvider, "icon"));
+                }
+                return null;
+            });
+            return otherProviderList;
+        };
+        _this.renderContent = function () {
+            if (_this.state.type !== SignUpType.SIGNUPOPTIONS &&
+                _this.props.formList.steps.length - 1 >= _this.props.stepIndex) {
+                return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: _this.props.formList.steps[_this.props.stepIndex].refs, ref: _this.props.formList.steps[_this.props.stepIndex].formRef },
+                    _this.props.formList.steps[_this.props.stepIndex].components.map(function (eachComponents) {
+                        return eachComponents;
+                    }),
+                    react_1.default.createElement("div", { className: "justify-end sm:col-span-2 sm:flex sm:ml-8" },
+                        (_this.props.formList.steps.length - 1) % 2 === 0 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
+                        react_1.default.createElement(button_1.Button, { className: "w-full mt-4 sm:w-1/2", text: _this.props.formList.steps.length - 1 === _this.props.stepIndex
+                                ? "Submit"
+                                : "Next", size: "small", type: "normal", onClick: _this.props.formList.steps[_this.props.stepIndex]
+                                .onHandleComponents }))));
+            }
+            else {
+                return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        };
+        return _this;
+    }
+    SignUpTemplate.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3" },
+            react_1.default.createElement("div", { className: "relative overflow-hidden py-10 px-6 bg-gray-50 sm:px-10 xl:p-12" }, this.props.leftComponents),
+            react_1.default.createElement("div", { className: "py-10 px-6 sm:px-10 lg:col-span-2 xl:p-12" },
+                this.state.type === SignUpType.SIGNUPOPTIONS &&
+                    this.renderSignUpSteps(),
+                this.state.type === SignUpType.SIGNUP && (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ChevronLeftIcon, { className: "h-5 w-5 text-primary-600", "aria-hidden": "true" }), className: "rounded-md", onClick: this.props.stepIndex === 0
+                        ? this.handleSelectSignUpOptions.bind(this, SignUpType.SIGNUPOPTIONS, "")
+                        : this.props.handleUpdateStepIndex.bind(this, this.props.stepIndex - 1) })),
+                this.renderContent(),
+                react_1.default.createElement("form", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" },
+                    this.state.type === SignUpType.SIGNUPOPTIONS && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "hidden sm:block" }),
+                        this.renderEachProvider(this.props.type, "normal"))),
+                    this.props.provider.length > 1 &&
+                        this.state.type === SignUpType.SIGNUPOPTIONS && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "flex flex-row items-center sm:col-span-2" },
+                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" }),
+                            react_1.default.createElement("span", { className: "text-sm px-2 text-gray-500" }, "Or Continue With"),
+                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" })),
+                        this.props.provider.length <= 2 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
+                        this.renderOtherProvidedContent())),
+                    this.props.version && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
+                        react_1.default.createElement("span", { className: "text-xs text-gray-500" },
+                            "Version ",
+                            this.props.version)))))));
+    };
+    return SignUpTemplate;
+}(react_1.Component));
+exports.SignUpTemplate = SignUpTemplate;
+//# sourceMappingURL=index.js.map

package/lib/components/auth/signUp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/display/stepper/index.d.ts

@@ -0,0 +1,19 @@
+import { Component } from "react";
+interface StepClass {
+    title: string;
+    description?: string;
+}
+interface Props {
+    stepIndex: number;
+    steps: StepClass[];
+    disabled?: boolean;
+    horizontal?: boolean;
+    className?: string;
+    onChange: (index: number) => void;
+}
+export declare class Stepper extends Component<Props> {
+    renderEachSteps: (eachStep: StepClass, index: number) => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/display/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/stepper/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,eAAe,aAAc,SAAS,SAAS,MAAM,iBAgEnD;IACF,MAAM;CAgEP"}

package/lib/components/display/stepper/index.js

@@ -0,0 +1,111 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = void 0;
+var solid_1 = require("@heroicons/react/20/solid");
+var react_1 = __importStar(require("react"));
+var Stepper = /** @class */ (function (_super) {
+    __extends(Stepper, _super);
+    function Stepper() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.renderEachSteps = function (eachStep, index) {
+            var defaultStepContainerCss = "absolute top-4 left-4 -ml-px mt-0.5 h-full w-0.5 ";
+            var defaultSpanContainerCss = "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 ";
+            var defaultSpanCss = "h-2.5 w-2.5 rounded-full ";
+            var defaultTextCss = "text-sm font-medium ";
+            if (index < _this.props.stepIndex) {
+                defaultStepContainerCss += "bg-primary-600";
+                defaultSpanContainerCss += "bg-primary-600 ".concat(_this.props.disabled ? "" : "group-hover:bg-primary-800");
+            }
+            else if (index === _this.props.stepIndex) {
+                defaultStepContainerCss += "bg-primary-600";
+                defaultSpanContainerCss += " border-primary-600 bg-white";
+                defaultSpanCss += "bg-primary-600";
+                defaultTextCss += "text-primary-600";
+            }
+            else {
+                defaultStepContainerCss += "bg-gray-300";
+                defaultSpanContainerCss += "border-gray-300 bg-white  ".concat(_this.props.disabled ? "" : "group-hover:border-gray-400");
+                defaultSpanCss += "bg-transparent ".concat(_this.props.disabled ? "" : "group-hover:bg-gray-300", " ");
+                defaultTextCss += "text-gray-500";
+            }
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                index !== _this.props.steps.length - 1 && (react_1.default.createElement("div", { className: defaultStepContainerCss, "aria-hidden": "true" })),
+                react_1.default.createElement("div", { className: "group relative flex items-start ".concat(_this.props.disabled ? "" : "cursor-pointer"), onClick: _this.props.disabled
+                        ? function () { }
+                        : _this.props.onChange.bind(_this, index) },
+                    react_1.default.createElement("span", { className: "flex h-9 items-center", "aria-hidden": "true" },
+                        react_1.default.createElement("span", { className: defaultSpanContainerCss }, index < _this.props.stepIndex ? (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white", "aria-hidden": "true" })) : (react_1.default.createElement("span", { className: defaultSpanCss })))),
+                    react_1.default.createElement("span", { className: "ml-4 flex min-w-0 flex-col" },
+                        react_1.default.createElement("span", { className: defaultTextCss }, eachStep.title),
+                        eachStep.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, eachStep.description))))));
+        };
+        return _this;
+    }
+    Stepper.prototype.render = function () {
+        var _this = this;
+        if (this.props.horizontal) {
+            return (react_1.default.createElement("div", { className: this.props.className },
+                react_1.default.createElement("div", { className: "overflow-hidden rounded-full bg-gray-200" },
+                    react_1.default.createElement("div", { className: "h-2 rounded-full bg-primary-600", style: {
+                            width: ((this.props.stepIndex + 1) / this.props.steps.length) * 100 +
+                                "%",
+                        } })),
+                react_1.default.createElement("div", { className: "mt-6 flex justify-between text-sm font-medium text-gray-600" }, this.props.steps.map(function (eachStep, index) {
+                    return (react_1.default.createElement("div", { className: "flex flex-col ".concat(_this.props.disabled ? "" : "cursor-pointer"), onClick: _this.props.disabled
+                            ? function () { }
+                            : _this.props.onChange.bind(_this, index) },
+                        react_1.default.createElement("div", { className: "text-primary-600 ".concat(index > 0
+                                ? index === _this.props.steps.length - 1
+                                    ? "text-right"
+                                    : "text-center"
+                                : "") }, eachStep.title)));
+                }))));
+        }
+        else {
+            return (react_1.default.createElement("nav", { className: this.props.className, "aria-label": "Progress" },
+                react_1.default.createElement("ol", { className: "overflow-hidden" }, this.props.steps.map(function (step, index) { return (react_1.default.createElement("li", { key: step.title, className: (index !== _this.props.steps.length - 1 ? "pb-10" : "") +
+                        " relative" }, _this.renderEachSteps(step, index))); }))));
+        }
+    };
+    return Stepper;
+}(react_1.Component));
+exports.Stepper = Stepper;
+//# sourceMappingURL=index.js.map

package/lib/components/display/stepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/stepper/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/display/table/index.d.ts

@@ -22,6 +22,7 @@ export declare class Table extends Component<Props> {
     handleClick: (id: string, event: any) => void;
     renderTableHeader: () => any;
     renderTableBody: () => any;
+    renderEachRowDataBasedOnDataType: (value: any) => any;
     renderRowData: (eachData: any, index: number) => any;
     renderPageNumber: () => JSX.Element[];
     renderPagination: () => JSX.Element;

package/lib/components/display/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D;AAKD,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,WAAW,OAAQ,MAAM,SAAS,GAAG,UAKnC;IAEF,iBAAiB,YAiBf;IAEF,eAAe,YAsEb;IAEF,aAAa,aAAc,GAAG,SAAS,MAAM,SAkC3C;IAEF,gBAAgB,sBAkCd;IAEF,gBAAgB,oBA6Ed;IAEF,gBAAgB,eAMd;IAEF,MAAM;CAkCP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D;AAKD,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,WAAW,OAAQ,MAAM,SAAS,GAAG,UAKnC;IAEF,iBAAiB,YAiBf;IAEF,eAAe,YAsEb;IAEF,gCAAgC,UAAW,GAAG,SAuB5C;IAEF,aAAa,aAAc,GAAG,SAAS,MAAM,SAkC3C;IAEF,gBAAgB,sBAkCd;IAEF,gBAAgB,oBA6Ed;IAEF,gBAAgB,eAMd;IAEF,MAAM;CAkCP"}