@appcorp/kismaa-web-ui 0.2.14 → 0.2.16

package/molecules/disclaimer/disclaimer.js

@@ -10,17 +10,15 @@ var typography_1 = require("../typography");
 var link_1 = __importDefault(require("next/link"));
 var Disclaimer = function () {
     var currentYear = new Date().getFullYear();
-    return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-gray-200" },
-        react_1.default.createElement("div", { className: "kismaa-container grid grid-cols-2 items-center text-gray-600" },
-            react_1.default.createElement("div", { className: "flex justify-start" },
-                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 },
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-gray-200 !py-4" },
+        react_1.default.createElement("div", { className: "kismaa-container grid grid-cols-5 items-center text-gray-600" },
+            react_1.default.createElement("div", { className: "col-span-4 flex justify-start" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3, className: "text-gray-500" },
                     "\u00A9 ",
                     currentYear,
-                    " Kismaa, Inc.")),
-            react_1.default.createElement("div", { className: "flex justify-end" },
+                    " Kismaa, Inc. Kismaa is a platform for spiritual and personal guidance. Readings provided by advisors are for informational and entertainment purposes only and should not be considered a substitute for professional advice in legal, medical, financial, or psychological matters. Users are responsible for their own decisions and actions.")),
+            react_1.default.createElement("div", { className: "col-span-1 flex justify-end" },
                 react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 },
-                    "our",
-                    ' ',
-                    react_1.default.createElement(link_1.default, { className: "font-medium text-quaternary hover:text-secondary hover:underline", target: "_blank", href: "https://appcorp.org" }, "\uD83D\uDE80 Tech Partners"))))));
+                    react_1.default.createElement(link_1.default, { className: "text-primary hover:text-secondary font-medium hover:underline", target: "_blank", href: "https://appcorp.org" }, "\uD83D\uDE80 Tech Partners"))))));
 };
 exports.Disclaimer = Disclaimer;

package/organisms/contact-section/contact-section.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ContactSectionProps } from './type';
+export declare const ContactSection: FC<ContactSectionProps>;

package/organisms/contact-section/contact-section.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactSection = void 0;
+var molecules_1 = require("../../molecules");
+var breadcrumbs_1 = require("../../molecules/breadcrumbs");
+var react_1 = __importDefault(require("react"));
+var kismaa_text_input_1 = require("./kismaa-text-input");
+var kismaa_text_area_1 = require("./kismaa-text-area");
+var ContactSection = function (_a) {
+    var breadcrumbs = _a.breadcrumbs, comments = _a.comments, description = _a.description, email = _a.email, handleOnChange = _a.handleOnChange, handleOnSubmit = _a.handleOnSubmit, heading = _a.heading, name = _a.name, phone = _a.phone, subHeading = _a.subHeading, subject = _a.subject;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement("div", { className: "mb-10" },
+                react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { items: breadcrumbs.items })),
+            react_1.default.createElement("div", { className: "text-gray-800" },
+                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, heading)),
+            react_1.default.createElement("div", { className: "mt-8 sm:max-w-full md:max-w-[60%] lg:max-w-[55%]" },
+                react_1.default.createElement("div", { className: "text-gray-800" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H3 }, subHeading)),
+                react_1.default.createElement("div", { className: "mt-2 text-slate-400" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
+            react_1.default.createElement("div", { className: "mx-auto mt-16 grid max-w-5xl grid-cols-2 gap-4" },
+                react_1.default.createElement(kismaa_text_input_1.KismaaTextInput, { handleOnChange: handleOnChange, id: "name", placeholder: "Name", required: true, type: "text", value: name }),
+                react_1.default.createElement(kismaa_text_input_1.KismaaTextInput, { handleOnChange: handleOnChange, id: "phone", placeholder: "Phone Number", required: true, type: "text", value: phone }),
+                react_1.default.createElement(kismaa_text_input_1.KismaaTextInput, { handleOnChange: handleOnChange, id: "subject", placeholder: "Subject", required: true, type: "text", value: subject }),
+                react_1.default.createElement(kismaa_text_input_1.KismaaTextInput, { handleOnChange: handleOnChange, id: "email", placeholder: "Email", required: true, type: "email", value: email })),
+            react_1.default.createElement("div", { className: "mx-auto flex max-w-5xl flex-col gap-4" },
+                react_1.default.createElement(kismaa_text_area_1.KismaaTextArea, { handleOnChange: handleOnChange, id: "comments", placeholder: "Comments...", required: true, value: comments }),
+                react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.QUATERNARY, label: "Submit", handleOnClick: handleOnSubmit })))));
+};
+exports.ContactSection = ContactSection;

package/organisms/contact-section/index.d.ts

@@ -0,0 +1,2 @@
+export * from './contact-section';
+export * from './type';

package/organisms/contact-section/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./contact-section"), exports);
+__exportStar(require("./type"), exports);

package/organisms/contact-section/kismaa-text-area.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface Props {
+    handleOnChange: (k: string, v: string) => void;
+    id: string;
+    placeholder: string;
+    required?: boolean;
+    value: string;
+}
+export declare const KismaaTextArea: FC<Props>;
+export {};

package/organisms/contact-section/kismaa-text-area.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KismaaTextArea = void 0;
+var react_1 = __importDefault(require("react"));
+var KismaaTextArea = function (_a) {
+    var handleOnChange = _a.handleOnChange, id = _a.id, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, value = _a.value;
+    return (react_1.default.createElement("textarea", { className: "border-primary/70 mt-4 w-full rounded-md border p-4", id: id, onChange: function (e) {
+            return handleOnChange(id, e.target.value);
+        }, placeholder: placeholder, required: required, rows: 10, value: value }));
+};
+exports.KismaaTextArea = KismaaTextArea;

package/organisms/contact-section/kismaa-text-input.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLInputTypeAttribute } from 'react';
+interface Props {
+    handleOnChange: (k: string, v: string) => void;
+    id: string;
+    placeholder: string;
+    required?: boolean;
+    type: HTMLInputTypeAttribute;
+    value: string;
+}
+export declare const KismaaTextInput: FC<Props>;
+export {};

package/organisms/contact-section/kismaa-text-input.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KismaaTextInput = void 0;
+var react_1 = __importDefault(require("react"));
+var KismaaTextInput = function (_a) {
+    var handleOnChange = _a.handleOnChange, id = _a.id, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, type = _a.type, value = _a.value;
+    return (react_1.default.createElement("input", { className: "border-primary/70 rounded-md border p-4", id: id, onChange: function (e) {
+            return handleOnChange(id, e.target.value);
+        }, placeholder: placeholder, required: required, type: type, value: value }));
+};
+exports.KismaaTextInput = KismaaTextInput;

package/organisms/contact-section/props.d.ts

@@ -0,0 +1,2 @@
+import { ContactSectionProps } from './type';
+export declare const contactSectionData: ContactSectionProps;

package/organisms/contact-section/props.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contactSectionData = void 0;
+exports.contactSectionData = {
+    breadcrumbs: {
+        items: [{ label: 'Contact', route: '/contact', isActive: false }],
+    },
+    heading: 'Contact',
+    subHeading: '',
+    description: "We're here for you—whenever you need guidance, support, or have questions about Kismaa. Whether you're facing a challenge, need help with the platform, or simply want to share your experience, don’t hesitate to reach out. Fill out the form below, and our team will get back to you as soon as possible.",
+    handleOnSubmit: function () { return void 0; },
+    handleOnChange: function () { return void 0; },
+    subject: '',
+    name: '',
+    comments: '',
+    phone: '',
+    email: '',
+};

package/organisms/contact-section/type.d.ts

@@ -0,0 +1,14 @@
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
+export interface ContactSectionProps {
+    breadcrumbs: BreadcrumbsProps;
+    comments: string;
+    description: string;
+    email: string;
+    handleOnChange: (k: string, v: string) => void;
+    handleOnSubmit: () => void;
+    heading: string;
+    name: string;
+    phone: string;
+    subHeading: string;
+    subject: string;
+}

package/organisms/contact-section/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",

package/templates/contact-page/contact-page.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ContactPageProps } from './type';
+export declare const ContactPage: FC<ContactPageProps>;

package/templates/contact-page/contact-page.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactPage = void 0;
+var organisms_1 = require("../../organisms");
+var react_1 = __importDefault(require("react"));
+var disclaimer_1 = require("../../molecules/disclaimer/disclaimer");
+var contact_section_1 = require("../../organisms/contact-section");
+var ContactPage = function (_a) {
+    var banner = _a.banner, contact = _a.contact, ctaBanner = _a.ctaBanner, footer = _a.footer, getAppBanner = _a.getAppBanner, navbar = _a.navbar;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(organisms_1.Navbar, __assign({}, navbar)),
+        react_1.default.createElement(organisms_1.Banner, __assign({}, banner)),
+        react_1.default.createElement(contact_section_1.ContactSection, __assign({}, contact)),
+        react_1.default.createElement(organisms_1.GetAppBanner, __assign({}, getAppBanner)),
+        react_1.default.createElement(organisms_1.CtaBanner, __assign({}, ctaBanner)),
+        react_1.default.createElement(organisms_1.Footer, __assign({}, footer)),
+        react_1.default.createElement(disclaimer_1.Disclaimer, { id: "" })));
+};
+exports.ContactPage = ContactPage;

package/templates/contact-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from './contact-page';
+export * from './type';

package/templates/contact-page/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./contact-page"), exports);
+__exportStar(require("./type"), exports);

package/templates/contact-page/props.d.ts

@@ -0,0 +1,2 @@
+import { ContactPageProps } from './type';
+export declare const contactPageData: ContactPageProps;

package/templates/contact-page/props.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contactPageData = void 0;
+var props_1 = require("../../organisms/navbar/props");
+var props_2 = require("../../organisms/banner/props");
+var props_3 = require("../../organisms/footer/props");
+var props_4 = require("../../organisms/get-app-banner/props");
+var props_5 = require("../../organisms/cta-banner/props");
+var organisms_1 = require("../../organisms");
+var props_6 = require("../../organisms/contact-section/props");
+exports.contactPageData = {
+    navbar: __assign({}, props_1.navbarData),
+    banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
+    contact: __assign({}, props_6.contactSectionData),
+    footer: __assign({}, props_3.footerData),
+    getAppBanner: __assign({}, props_4.getAppBannerData),
+    ctaBanner: __assign({}, props_5.ctaBannerData),
+};

package/templates/contact-page/type.d.ts

@@ -0,0 +1,10 @@
+import { ContactSectionProps } from '../../organisms/contact-section';
+import { BannerProps, CtaBannerProps, FooterProps, GetAppProps, NavbarProps } from '../../organisms';
+export interface ContactPageProps {
+    navbar: NavbarProps;
+    banner: BannerProps;
+    contact: ContactSectionProps;
+    getAppBanner: GetAppProps;
+    ctaBanner: CtaBannerProps;
+    footer: FooterProps;
+}

package/templates/contact-page/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/templates/index.d.ts

@@ -1,5 +1,6 @@
 export * from './about-us-page';
 export * from './blog-page';
+export * from './contact-page';
 export * from './faqs-page';
 export * from './home-page';
 export * from './horoscope-detail-page';

package/templates/index.js

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./about-us-page"), exports);
 __exportStar(require("./blog-page"), exports);
+__exportStar(require("./contact-page"), exports);
 __exportStar(require("./faqs-page"), exports);
 __exportStar(require("./home-page"), exports);
 __exportStar(require("./horoscope-detail-page"), exports);