@adminide-stack/clock-tik-browser 12.0.17-alpha.1 → 12.0.17-alpha.2

package/lib/pages/Feedback/index.d.ts

@@ -0,0 +1,3 @@
+declare const Feedback: () => import("react/jsx-runtime").JSX.Element;
+export default Feedback;
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/Feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/Feedback/index.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,QAAQ,+CA0Hb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/pages/Feedback/index.js

@@ -0,0 +1,126 @@
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useRef,useEffect}from'react';import {useNavigate}from'@remix-run/react';import {Formik,Form,ErrorMessage}from'formik';import {feedbackSchema}from'../../Validation/Schema.js';import {Button}from'@admin-layout/tailwind-ui/shardui/button.js';import {Input}from'@admin-layout/tailwind-ui/shardui/input.js';import {Label}from'@admin-layout/tailwind-ui/shardui/label.js';import emailjs from'emailjs-com';import {config}from'../../config/env-config.js';const Feedback = () => {
+  const navigate = useNavigate();
+  const formRef = useRef(null);
+  useEffect(() => {
+    document.title = 'Feedback | Clockbook - 100% Free Time Tracking Software';
+  });
+  const redirectToThanks = () => {
+    navigate('/thanks');
+  };
+  const sendFeedback = async formEl => {
+    await emailjs.sendForm(
+    // service_id
+    `${config.EMAILJS_SERVICE_ID}`,
+    // template_id
+    `${config.EMAILJS_TEMPLATE_ID_FEEDBACK}`, formEl,
+    // user_id
+    `${config.EMAILJS_USER_ID}`);
+    redirectToThanks();
+  };
+  return jsx(Fragment, {
+    children: jsx("main", {
+      className: "min-h-screen bg-muted/30 px-6 py-20",
+      children: jsx("div", {
+        className: "mx-auto flex w-full max-w-3xl items-center justify-center",
+        children: jsxs("div", {
+          className: "w-full rounded-lg bg-white px-10 py-12 shadow-sm ring-1 ring-black/5",
+          children: [jsxs("div", {
+            className: "mb-8",
+            children: [jsx("div", {
+              className: "mb-6 h-[2px] w-6 rounded-full bg-rose-500"
+            }), jsx("h1", {
+              className: "text-5xl font-semibold tracking-tight text-foreground",
+              children: "Feedback"
+            }), jsx("p", {
+              className: "mt-4 max-w-2xl text-base leading-relaxed text-muted-foreground",
+              children: "Need some feature that's missing in Clockbook? Or just want to suggest an improvement? Fill our feedback form and let us know"
+            })]
+          }), jsx(Formik, {
+            initialValues: {
+              feature: '',
+              featureNeed: '',
+              contactEmail: ''
+            },
+            validationSchema: feedbackSchema,
+            onSubmit: async (_values, actions) => {
+              try {
+                // Use EmailJS sendForm to keep template variables consistent with existing setup.
+                if (!formRef.current) throw new Error('Feedback form not mounted');
+                await sendFeedback(formRef.current);
+              } catch (err) {
+                // Keep the user on the page if sending fails.
+                console.error(err);
+                actions.setSubmitting(false);
+              }
+            },
+            children: ({
+              values,
+              handleChange,
+              isSubmitting
+            }) => jsxs(Form, {
+              ref: formRef,
+              className: "space-y-5",
+              children: [jsxs("div", {
+                className: "space-y-2",
+                children: [jsx(Label, {
+                  htmlFor: "feature",
+                  className: "text-sm text-muted-foreground",
+                  children: "Feature"
+                }), jsx(Input, {
+                  name: "feature",
+                  id: "feature",
+                  placeholder: "Your answer",
+                  value: values.feature,
+                  onChange: handleChange
+                }), jsx(ErrorMessage, {
+                  name: "feature",
+                  render: msg => jsx("div", {
+                    className: "text-sm text-destructive",
+                    children: msg
+                  })
+                })]
+              }), jsxs("div", {
+                className: "space-y-2",
+                children: [jsx(Label, {
+                  htmlFor: "featureNeed",
+                  className: "text-sm text-muted-foreground",
+                  children: "Why you need it and how would it work"
+                }), jsx(Input, {
+                  name: "featureNeed",
+                  id: "featureNeed",
+                  placeholder: "Your answer",
+                  value: values.featureNeed,
+                  onChange: handleChange
+                }), jsx(ErrorMessage, {
+                  name: "featureNeed",
+                  render: msg => jsx("div", {
+                    className: "text-sm text-destructive",
+                    children: msg
+                  })
+                })]
+              }), jsxs("div", {
+                className: "space-y-2",
+                children: [jsx(Label, {
+                  htmlFor: "contactEmail",
+                  className: "text-sm text-muted-foreground",
+                  children: "Contact email (optional)"
+                }), jsx(Input, {
+                  name: "contactEmail",
+                  id: "contactEmail",
+                  placeholder: "Your answer",
+                  value: values.contactEmail,
+                  onChange: handleChange
+                })]
+              }), jsx(Button, {
+                type: "submit",
+                disabled: isSubmitting,
+                className: "mt-2 h-12 w-full bg-blue-600 text-white hover:bg-blue-700",
+                children: isSubmitting ? 'Sending...' : 'Submit'
+              })]
+            })
+          })]
+        })
+      })
+    })
+  });
+};export{Feedback as default};//# sourceMappingURL=index.js.map

package/lib/pages/Feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/pages/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"wfAeM,MAAA,QAAQ,GAAG,MAAK;AAClB,EAAA,MAAA,QAAc,GAAA,WAAc,EAAA;AAC5B,EAAA,MAAA,UAAgB,MAAA,CAAA,IAA+B,CAAA;WAEtC,CAAA,MAAM;AACX,IAAA,QAAA,CAAA,KAAS,GAAA,yDAAQ;AACrB,GAAA,CAAA;QAEM,gBAAA,GAAmB,MAAK;YAClB,CAAA,SAAU,CAAA;AACtB,GAAA;AAEA,EAAA,MAAA,eAAqB,MAAA,MAAO;UAClB,OAAA,CAAA,QAAgB;;aAEf,CAAA,kBAAO,CAAA,CAAA;;AAEV,IAAA,CAAA,EAAA,MAAS,CAAA,4BAA6B,CAAA,CAAA,EAAA,MAChC;;AAEN,IAAA,CAAA,EAAA,MAAS,CAAA,eAAgB,CAAA,CAAA,CAAA;AAE7B,IAAA,gBAAA,EAAA;AACJ,GAAA;SAEOA;AAgBqB,IAAA,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;AACA,MAAA,SAAA,EAAA,qCAAe;AACf,MAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AACH,QAAA,SAAA,EAAA,2DAEc;AACX,QAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;2FACsF;;AAC5D,YAAA,SAAA,EAAA,MAAA;AACtB,YAAA,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA;;;gFAE8C;AAC9C,cAAA,QAAA,EAAA;AACA,aAAA,CAAA,EAAAA,GAAA,CAAA,GAAA,EAAA;yFACH;;AAmEjC,aAAE,CAAA;AAEF,WAAA,CAAA,EAAAA,UAAwB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/CaresHero.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const CaresHero: ({ title, onSearch, }: {
+    title?: string;
+    onSearch?: (q: string) => void;
+}) => React.ReactElement;
+//# sourceMappingURL=CaresHero.d.ts.map

package/lib/pages/HelpCenter/components/CaresHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaresHero.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/CaresHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,SAAS,GAAI,sBAGvB;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,KAAG,KAAK,CAAC,YAuDT,CAAC"}

package/lib/pages/HelpCenter/components/CaresHero.js

@@ -0,0 +1,55 @@
+import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';import {CaresSection,CaresContainer}from'./CaresLayout.js';const CaresHero = ({
+  title = 'Welcome to Clockbook Cares',
+  onSearch
+}) => {
+  const [product, setProduct] = React__default.useState('All products');
+  const [query, setQuery] = React__default.useState('');
+  return jsxs(CaresSection, {
+    tone: "default",
+    className: "relative",
+    children: [jsxs("div", {
+      className: "absolute inset-0",
+      children: [jsx("img", {
+        src: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&w=1800&auto=format&fit=crop",
+        alt: "Support",
+        className: "h-full w-full object-cover"
+      }), jsx("div", {
+        className: "absolute inset-0 bg-black/35"
+      })]
+    }), jsx(CaresContainer, {
+      className: "relative py-20",
+      children: jsxs("div", {
+        className: "max-w-3xl",
+        children: [jsx("h1", {
+          className: "text-3xl font-semibold text-white sm:text-4xl",
+          children: title
+        }), jsxs("form", {
+          className: "mt-6 flex w-full max-w-xl overflow-hidden rounded-md bg-white shadow-lg",
+          onSubmit: e => {
+            e.preventDefault();
+            onSearch?.(query);
+          },
+          children: [jsx("select", {
+            className: "h-12 w-44 border-r border-black/10 bg-white px-3 text-sm text-foreground outline-none",
+            value: product,
+            onChange: e => setProduct(e.target.value),
+            "aria-label": "Product",
+            children: ['All products', 'Zoho One', 'CRM Plus', 'Marketing Plus', 'Finance Plus'].map(p => jsx("option", {
+              value: p,
+              children: p
+            }, p))
+          }), jsx("input", {
+            className: "h-12 flex-1 px-4 text-sm text-foreground outline-none",
+            placeholder: "Search for solutions",
+            value: query,
+            onChange: e => setQuery(e.target.value)
+          }), jsx("button", {
+            type: "submit",
+            className: "h-12 bg-black px-5 text-sm font-semibold text-white hover:bg-black/90",
+            children: "Search"
+          })]
+        })]
+      })
+    })]
+  });
+};export{CaresHero};//# sourceMappingURL=CaresHero.js.map

package/lib/pages/HelpCenter/components/CaresHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaresHero.js","sources":["../../../../src/pages/HelpCenter/components/CaresHero.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sIAGO,MAAM,SAAS,GAAG,CAAC;AAOtB,EAAA,KAAA,GAAM,4BAA6B;AACnC,EAAA;AAEA,CAAA,KAAA;gCAkBwBA,cAAgB,CAAA,QAAA,CAAA,cAAG,CAAA;AACnB,EAAA,MAAA,CAAA,KAAA,EAAA,QAAA,CAAA,GAAAA,cAAA,CAAA,QAAU,CAAC,EAAK,CAAA;4BACnB;AA+BzB,IAAE,IAAA,EAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/CaresLayout.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const CaresContainer: ({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}) => React.ReactElement;
+export declare const CaresSection: ({ tone, className, children, }: {
+    tone?: "default" | "soft" | "dark";
+    className?: string;
+    children: React.ReactNode;
+}) => React.ReactElement;
+//# sourceMappingURL=CaresLayout.d.ts.map

package/lib/pages/HelpCenter/components/CaresLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaresLayout.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/CaresLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc,GAAI,0BAG5B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,KAAG,KAAK,CAAC,YAET,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gCAI1B;IACC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,KAAG,KAAK,CAAC,YAQT,CAAC"}

package/lib/pages/HelpCenter/components/CaresLayout.js

@@ -0,0 +1,20 @@
+import {jsx}from'react/jsx-runtime';const CaresContainer = ({
+  className,
+  children
+}) => {
+  return jsx("div", {
+    className: `mx-auto w-full max-w-6xl px-6 lg:px-10 ${className || ''}`,
+    children: children
+  });
+};
+const CaresSection = ({
+  tone = 'default',
+  className,
+  children
+}) => {
+  const toneClass = tone === 'dark' ? 'bg-[#1A1A1A] text-white' : tone === 'soft' ? 'bg-[#FBF3E8] text-foreground' : 'bg-background text-foreground';
+  return jsx("section", {
+    className: `${toneClass} ${className || ''}`,
+    children: children
+  });
+};export{CaresContainer,CaresSection};//# sourceMappingURL=CaresLayout.js.map

package/lib/pages/HelpCenter/components/CaresLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaresLayout.js","sources":["../../../../src/pages/HelpCenter/components/CaresLayout.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAEa,MAAA,cAAc,GAAG,CAAC;WAOpB;AACX,EAAE;AAEF,CAAA,KAAM;AASF,EAAA,OAAAA,GAAe,CAAA,KAAA,EAAA;AAEP,IAAA,SAA2B,EAAA,CAAA,uCAAA,EAAA,SAAA,IAAA,EAAA,CAAA,CAAA;YACrB,EAAA;AACJ,GAAA,CAAA;;AAEM,MAAA,YAAA,GAAA,CAAA;AACpB,EAAE,IAAA,GAAA,SAAA;;;;;;;;;"}

package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts

@@ -4,10 +4,10 @@ export interface CategoryAuthor {
     articles: number;
 }
 export interface HelpCategory {
-    id: string;
-    title: string;
-    description: string;
-    iconType: string;
+    id?: string;
+    title?: string;
+    description?: string;
+    iconType?: string;
     icon?: React.ReactNode;
     authors?: CategoryAuthor[];
 }

package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgF5D,CAAC"}
+{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgF5D,CAAC"}

package/lib/pages/HelpCenter/components/NeedHelpWithSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Category } from '../../../utils/markdownLoader';
+export declare const NeedHelpWithSection: ({ categories }: {
+    categories: Category[];
+}) => React.ReactElement;
+//# sourceMappingURL=NeedHelpWithSection.d.ts.map

package/lib/pages/HelpCenter/components/NeedHelpWithSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeedHelpWithSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/NeedHelpWithSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAG9D,eAAO,MAAM,mBAAmB,GAAI,gBAAgB;IAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;CAAE,KAAG,KAAK,CAAC,YAkFtF,CAAC"}

package/lib/pages/HelpCenter/components/NeedHelpWithSection.js

@@ -0,0 +1,70 @@
+import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';import {useNavigate}from'@remix-run/react';import {CaresSection,CaresContainer}from'./CaresLayout.js';import {HelpCategoryCard}from'./HelpCategoryCard.js';const NeedHelpWithSection = ({
+  categories
+}) => {
+  const [active, setActive] = React__default.useState(() => categories?.[0]?.id ?? '');
+  const navigate = useNavigate();
+  const handleCategoryClick = to => {
+    // Navigate to category page
+    navigate(to);
+  };
+  const activeCategory = categories.find(c => c.id === active) ?? categories[0];
+  return jsx(CaresSection, {
+    tone: "default",
+    children: jsxs(CaresContainer, {
+      className: "py-16",
+      children: [jsx("h2", {
+        className: "text-center text-2xl font-semibold text-foreground",
+        children: "What do you need help with?"
+      }), jsx("div", {
+        className: "mt-14 text-center text-xs font-semibold tracking-widest text-foreground/60",
+        children: "Documentation"
+      }), jsxs("div", {
+        className: "mt-10 grid gap-10 lg:grid-cols-12",
+        children: [jsx("div", {
+          className: "lg:col-span-3",
+          children: jsx("div", {
+            className: "space-y-1",
+            children: categories?.map(c => {
+              const isActive = c.id === active;
+              return jsxs("button", {
+                type: "button",
+                onClick: () => setActive(c.id),
+                className: `group flex w-full items-center justify-between rounded-sm px-4 py-3 text-left text-sm ${isActive ? 'bg-[#FFF2E7] text-[#F97316]' : 'text-foreground hover:bg-[#FFF2E7]/50'}`,
+                style: {
+                  borderLeft: isActive ? '3px solid #F97316' : '3px solid transparent'
+                },
+                children: [jsx("span", {
+                  className: "flex items-center gap-3",
+                  children: jsx("span", {
+                    className: `${isActive ? 'font-semibold' : 'font-medium'}`,
+                    children: c?.title
+                  })
+                }), jsx("span", {
+                  className: `${isActive ? 'text-[#F97316]' : 'text-foreground/30'}`,
+                  children: "\u203A"
+                })]
+              }, c.id);
+            })
+          })
+        }), jsxs("div", {
+          className: "lg:col-span-9",
+          children: [jsx("div", {
+            className: "grid grid-cols-2 gap-7 sm:grid-cols-3",
+            children: (activeCategory?.articles ?? []).slice(0, 8).map(article => jsx(HelpCategoryCard, {
+              category: article,
+              onClick: () => handleCategoryClick(`/help-center/${activeCategory.id}/${article.slug}`)
+            }, article.id))
+          }), activeCategory ? jsx("div", {
+            className: "mt-6",
+            children: jsxs("button", {
+              type: "button",
+              onClick: () => handleCategoryClick(`/help-center/${activeCategory.id}`),
+              className: "text-sm font-semibold text-[#F97316] hover:underline",
+              children: ["View all in ", activeCategory.title, " \u2192"]
+            })
+          }) : null]
+        })]
+      })]
+    })
+  });
+};export{NeedHelpWithSection};//# sourceMappingURL=NeedHelpWithSection.js.map

package/lib/pages/HelpCenter/components/NeedHelpWithSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeedHelpWithSection.js","sources":["../../../../src/pages/HelpCenter/components/NeedHelpWithSection.tsx"],"sourcesContent":[null],"names":["React","_jsxs"],"mappings":"4OAMa,mBAAmB,GAAG,CAAC;;AAEhC,CAAA,KAAA;AAEA,EAAA,MAAA,CAAA,MAAyB,EAAA,SAAA,CAAA,GAAAA,cAAc,SAAI,CAAA,MAAA,UAAA,GAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,CAAA;QACvC,QAA4B,GAAA,WAAA,EAAA;QAC5B,mBAAa,GAAA,EAAA,IAAA;AACjB;IAEA,QAAM,CAAA,EAAA,CAAA;;AAesB,EAAA,MAAA,cAAA,GAAA,UAAA,CAAA,IAAA,CAAA,CAAM,QAAQ,KAAK,MAAE,CAAK,cAAO,CAAA,CAAA,CAAA;;AAQjB,IAAA,IAAA,EAAA,SAAA;AACA,IAAA,QAAA,EAAAC,IAAA,CAAA,cAAA,EAAA;;;uEAqBE;AA4BlD,QAAE,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/PopularArticlesGrid.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const PopularArticlesGrid: ({ items }: {
+    items: {
+        title: string;
+        link: string;
+    }[];
+}) => React.ReactElement;
+//# sourceMappingURL=PopularArticlesGrid.d.ts.map

package/lib/pages/HelpCenter/components/PopularArticlesGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularArticlesGrid.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/PopularArticlesGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,mBAAmB,GAAI,WAAW;IAAE,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,KAAG,KAAK,CAAC,YAcnG,CAAC"}

package/lib/pages/HelpCenter/components/PopularArticlesGrid.js

@@ -0,0 +1,21 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {CaresSection,CaresContainer}from'./CaresLayout.js';import {popularArticlesMock}from'../mockData.js';import {PopularArticle}from'./PopularArticle.js';const PopularArticlesGrid = ({
+  items
+}) => {
+  return jsx(CaresSection, {
+    tone: "default",
+    children: jsxs(CaresContainer, {
+      className: "py-14",
+      children: [jsx("h2", {
+        className: "text-center text-xl font-semibold text-foreground",
+        children: "Popular Articles"
+      }), jsx("p", {
+        className: "text-lg text-muted-foreground text-center mb-10",
+        children: "Most helpful content from our community"
+      }), popularArticlesMock.map(article => jsx(PopularArticle, {
+        title: article.title,
+        link: article.link,
+        className: "mb-4"
+      }, article.id))]
+    })
+  });
+};export{PopularArticlesGrid};//# sourceMappingURL=PopularArticlesGrid.js.map

package/lib/pages/HelpCenter/components/PopularArticlesGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularArticlesGrid.js","sources":["../../../../src/pages/HelpCenter/components/PopularArticlesGrid.tsx"],"sourcesContent":[null],"names":[],"mappings":"4MAKa,mBAAmB,GAAG,CAAC;AAChC,EAAA;AAaJ,CAAC,KAAC;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/SupportPlansSection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SupportPlansSection: () => React.ReactElement;
+//# sourceMappingURL=SupportPlansSection.d.ts.map

package/lib/pages/HelpCenter/components/SupportPlansSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportPlansSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/SupportPlansSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,eAAO,MAAM,mBAAmB,QAAO,KAAK,CAAC,YA+B5C,CAAC"}

package/lib/pages/HelpCenter/components/SupportPlansSection.js

@@ -0,0 +1,63 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {CaresSection,CaresContainer}from'./CaresLayout.js';const PlanCard = ({
+  badge,
+  title,
+  body,
+  bullets
+}) => {
+  return jsxs("div", {
+    className: "rounded-xl bg-white p-7 shadow-sm ring-1 ring-black/5",
+    children: [badge ? jsx("div", {
+      className: "inline-flex rounded-full bg-[#F6C945] px-3 py-1 text-xs font-semibold text-foreground",
+      children: badge
+    }) : null, jsx("div", {
+      className: "mt-3 text-lg font-semibold",
+      children: title
+    }), jsx("p", {
+      className: "mt-3 text-sm leading-6 text-foreground/70",
+      children: body
+    }), bullets?.length ? jsx("ul", {
+      className: "mt-5 space-y-2 text-sm text-foreground/80",
+      children: bullets.map(b => jsxs("li", {
+        className: "flex gap-2",
+        children: [jsx("span", {
+          className: "text-emerald-600",
+          children: "\u2022"
+        }), jsx("span", {
+          children: b
+        })]
+      }, b))
+    }) : null]
+  });
+};
+const SupportPlansSection = () => {
+  return jsx(CaresSection, {
+    tone: "soft",
+    children: jsxs(CaresContainer, {
+      className: "py-16",
+      children: [jsx("h2", {
+        className: "text-center text-2xl font-semibold text-foreground",
+        children: "Our support plans"
+      }), jsx("p", {
+        className: "mx-auto mt-3 max-w-2xl text-center text-sm text-foreground/70",
+        children: "Pick the right plan for your team and get the assistance you need."
+      }), jsxs("div", {
+        className: "mt-12 grid gap-6 lg:grid-cols-3",
+        children: [jsx(PlanCard, {
+          badge: "The 90s",
+          title: "Classic Support",
+          body: "Email-based support to help you get unstuck and keep moving.",
+          bullets: ['Knowledge base access', 'Standard response times', 'Community support']
+        }), jsx(PlanCard, {
+          title: "Premium Support",
+          body: "Priority assistance with faster response times and guided troubleshooting.",
+          bullets: ['Priority ticket handling', 'Faster SLAs', 'Onboarding guidance']
+        }), jsx(PlanCard, {
+          badge: "Most popular",
+          title: "Enterprise Support",
+          body: "White-glove support for mission-critical teams with deeper implementation help.",
+          bullets: ['Dedicated manager options', '24/7 availability add-ons', 'Implementation support']
+        })]
+      })]
+    })
+  });
+};export{SupportPlansSection};//# sourceMappingURL=SupportPlansSection.js.map

package/lib/pages/HelpCenter/components/SupportPlansSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportPlansSection.js","sources":["../../../../src/pages/HelpCenter/components/SupportPlansSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"oGAGA,MAAM,QAAQ,GAAG,CAAC;AAWd,EAAA,KAAA;AAqBJ,EAAE,KAAA;AAEF,EAAA,IAAM;;AA+BN,CAAC,KAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/SupportServicesSection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SupportServicesSection: () => React.ReactElement;
+//# sourceMappingURL=SupportServicesSection.d.ts.map

package/lib/pages/HelpCenter/components/SupportServicesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportServicesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/SupportServicesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,eAAO,MAAM,sBAAsB,QAAO,KAAK,CAAC,YA+B/C,CAAC"}

package/lib/pages/HelpCenter/components/SupportServicesSection.js

@@ -0,0 +1,61 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {CaresSection,CaresContainer}from'./CaresLayout.js';const ServiceBlock = ({
+  title,
+  body,
+  align = 'left'
+}) => {
+  return jsxs("div", {
+    className: `grid gap-8 lg:grid-cols-12 lg:items-center ${align === 'right' ? 'lg:flex-row-reverse' : ''}`,
+    children: [jsxs("div", {
+      className: `lg:col-span-7 ${align === 'right' ? 'lg:order-2' : ''}`,
+      children: [jsx("h3", {
+        className: "text-xl font-semibold text-foreground",
+        children: title
+      }), jsx("p", {
+        className: "mt-3 max-w-xl text-sm leading-6 text-foreground/70",
+        children: body
+      }), jsx("button", {
+        className: "mt-5 rounded-md bg-[#F59E0B] px-4 py-2 text-sm font-semibold text-white hover:bg-[#d97706]",
+        children: "Learn more"
+      })]
+    }), jsx("div", {
+      className: `lg:col-span-5 ${align === 'right' ? 'lg:order-1' : ''}`,
+      children: jsx("div", {
+        className: "grid h-48 place-items-center rounded-xl bg-white ring-1 ring-black/5",
+        children: jsx("div", {
+          className: "h-20 w-20 rounded-full bg-[#FBF3E8]"
+        })
+      })
+    })]
+  });
+};
+const SupportServicesSection = () => {
+  return jsx(CaresSection, {
+    tone: "default",
+    children: jsxs(CaresContainer, {
+      className: "py-16",
+      children: [jsx("h2", {
+        className: "text-center text-2xl font-semibold text-foreground",
+        children: "Support Services"
+      }), jsxs("div", {
+        className: "mt-14 grid gap-16",
+        children: [jsx(ServiceBlock, {
+          title: "Turnkey Solutions",
+          body: "Experts who help set up your suite, tailor workflows, and get your team productive quickly.",
+          align: "left"
+        }), jsx(ServiceBlock, {
+          title: "Configuration help",
+          body: "Need help setting up modules, access control, or integrations? We\u2019ll guide you end to end.",
+          align: "right"
+        }), jsx(ServiceBlock, {
+          title: "Product Training",
+          body: "Training sessions to help your team master the tools and adopt best practices.",
+          align: "left"
+        }), jsx(ServiceBlock, {
+          title: "Onboarding",
+          body: "A guided onboarding journey that ensures a smooth start and successful rollout.",
+          align: "right"
+        })]
+      })]
+    })
+  });
+};export{SupportServicesSection};//# sourceMappingURL=SupportServicesSection.js.map

package/lib/pages/HelpCenter/components/SupportServicesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportServicesSection.js","sources":["../../../../src/pages/HelpCenter/components/SupportServicesSection.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"oGAGA,MAAM,YAAY,GAAG,CAAC;AASlB,EAAA,KAAA;AAgBJ,EAAE,IAAA;AAEF,EAAA,KAAO,GAAA;MACI;AA8BX,EAAE,OAAAA,IAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAmE3B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA0B3B,CAAC;AAEF,eAAe,cAAc,CAAC"}