@appcorp/kismaa-web-ui 0.1.3 → 0.1.4

package/not-found.91e185b2.js

@@ -0,0 +1,43 @@
+import {NotFoundIcon as $5e54efb910f59441$export$1dafde5c48f9345e} from "./not-found-icon.861fcfaf.js";
+import {Button as $6Aqgo$Button, BUTTON_TYPES as $6Aqgo$BUTTON_TYPES, Typography as $6Aqgo$Typography, TYPOGRAPHY_VARIANTS as $6Aqgo$TYPOGRAPHY_VARIANTS} from "./molecules.dbeec2dc.js";
+import {jsx as $6Aqgo$jsx, jsxs as $6Aqgo$jsxs} from "react/jsx-runtime";
+import "react";
+
+
+
+
+
+const $1667a8fbcac49c34$export$271f9f08425019c7 = ({ heading: heading, btnHandleOnClick: btnHandleOnClick, btnText: btnText })=>{
+    return /*#__PURE__*/ (0, $6Aqgo$jsx)("div", {
+        className: "flex h-[100%] w-full items-center justify-center bg-purple-400",
+        children: /*#__PURE__*/ (0, $6Aqgo$jsxs)("div", {
+            className: "my-40 flex w-[80%] flex-col items-center justify-center text-center lg:w-[30%]",
+            children: [
+                /*#__PURE__*/ (0, $6Aqgo$jsx)("div", {
+                    className: "",
+                    children: /*#__PURE__*/ (0, $6Aqgo$jsx)((0, $5e54efb910f59441$export$1dafde5c48f9345e), {})
+                }),
+                /*#__PURE__*/ (0, $6Aqgo$jsx)("div", {
+                    className: "my-16 text-white",
+                    children: /*#__PURE__*/ (0, $6Aqgo$jsx)((0, $6Aqgo$Typography), {
+                        variant: (0, $6Aqgo$TYPOGRAPHY_VARIANTS).P1,
+                        children: heading
+                    })
+                }),
+                /*#__PURE__*/ (0, $6Aqgo$jsx)("div", {
+                    className: "w-fit rounded-md bg-white",
+                    children: /*#__PURE__*/ (0, $6Aqgo$jsx)((0, $6Aqgo$Button), {
+                        type: (0, $6Aqgo$BUTTON_TYPES).PRIMARY,
+                        outlined: true,
+                        label: btnText,
+                        handleOnClick: btnHandleOnClick
+                    })
+                })
+            ]
+        })
+    });
+};
+
+
+export {$1667a8fbcac49c34$export$271f9f08425019c7 as NotFound};
+//# sourceMappingURL=not-found.91e185b2.js.map

package/not-found.91e185b2.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAUO,MAAM,4CAA8B,CAAC,WAC1C,OAAO,oBACP,gBAAgB,WAChB,OAAO,EACR;IACC,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,iBAAC;YAAI,WAAU;;8BACb,gBAAC;oBAAI,WAAU;8BACb,cAAA,gBAAC,CAAA,GAAA,yCAAW;;8BAEd,gBAAC;oBAAI,WAAU;8BACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;wBAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;kCAAG;;;8BAEhD,gBAAC;oBAAI,WAAU;8BACb,cAAA,gBAAC,CAAA,GAAA,aAAK;wBACJ,MAAM,CAAA,GAAA,mBAAW,EAAE,OAAO;wBAC1B,QAAQ;wBACR,OAAO;wBACP,eAAe;;;;;;AAM3B","sources":["src/organisms/not-found/not-found.tsx"],"sourcesContent":["import { NotFoundIcon } from '../../atoms/not-found-icon';\nimport {\n  Button,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport React, { FC } from 'react';\nimport { NotFoundProps } from './type';\n\nexport const NotFound: FC<NotFoundProps> = ({\n  heading,\n  btnHandleOnClick,\n  btnText,\n}) => {\n  return (\n    <div className=\"flex h-[100%] w-full items-center justify-center bg-purple-400\">\n      <div className=\"my-40 flex w-[80%] flex-col items-center justify-center text-center lg:w-[30%]\">\n        <div className=\"\">\n          <NotFoundIcon />\n        </div>\n        <div className=\"my-16 text-white\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.P1}>{heading}</Typography>\n        </div>\n        <div className=\"w-fit rounded-md bg-white\">\n          <Button\n            type={BUTTON_TYPES.PRIMARY}\n            outlined\n            label={btnText}\n            handleOnClick={btnHandleOnClick}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"not-found.91e185b2.js.map"}

package/not-found.c595ed27.js

@@ -0,0 +1,27 @@
+var $38a2b89bed64ec7b$exports = require("./not-found.edd3d383.js");
+var $d5a512e5f0eaa76e$exports = require("./type.7a37e552.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $38a2b89bed64ec7b$exports);
+$parcel$exportWildcard(module.exports, $d5a512e5f0eaa76e$exports);
+
+
+//# sourceMappingURL=not-found.c595ed27.js.map

package/not-found.c595ed27.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/not-found/index.ts"],"sourcesContent":["export * from './not-found';\nexport * from './type';\n"],"names":[],"version":3,"file":"not-found.c595ed27.js.map"}

package/not-found.edd3d383.js

@@ -0,0 +1,48 @@
+var $6fb24b9b6eadbc6f$exports = require("./not-found-icon.5e6aba82.js");
+var $75ff6314b77a3597$exports = require("./molecules.a0ab4a41.js");
+var $kKRLQ$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "NotFound", () => $38a2b89bed64ec7b$export$271f9f08425019c7);
+
+
+
+
+const $38a2b89bed64ec7b$export$271f9f08425019c7 = ({ heading: heading, btnHandleOnClick: btnHandleOnClick, btnText: btnText })=>{
+    return /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)("div", {
+        className: "flex h-[100%] w-full items-center justify-center bg-purple-400",
+        children: /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsxs)("div", {
+            className: "my-40 flex w-[80%] flex-col items-center justify-center text-center lg:w-[30%]",
+            children: [
+                /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)("div", {
+                    className: "",
+                    children: /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)((0, $6fb24b9b6eadbc6f$exports.NotFoundIcon), {})
+                }),
+                /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)("div", {
+                    className: "my-16 text-white",
+                    children: /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                        variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P1,
+                        children: heading
+                    })
+                }),
+                /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)("div", {
+                    className: "w-fit rounded-md bg-white",
+                    children: /*#__PURE__*/ (0, $kKRLQ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                        type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
+                        outlined: true,
+                        label: btnText,
+                        handleOnClick: btnHandleOnClick
+                    })
+                })
+            ]
+        })
+    });
+};
+
+
+//# sourceMappingURL=not-found.edd3d383.js.map

package/not-found.edd3d383.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,4CAA8B,CAAC,WAC1C,OAAO,oBACP,gBAAgB,WAChB,OAAO,EACR;IACC,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,iCAAC;YAAI,WAAU;;8BACb,gCAAC;oBAAI,WAAU;8BACb,cAAA,gCAAC,CAAA,GAAA,sCAAW;;8BAEd,gCAAC;oBAAI,WAAU;8BACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;wBAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;kCAAG;;;8BAEhD,gCAAC;oBAAI,WAAU;8BACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;wBACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,OAAO;wBAC1B,QAAQ;wBACR,OAAO;wBACP,eAAe;;;;;;AAM3B","sources":["src/organisms/not-found/not-found.tsx"],"sourcesContent":["import { NotFoundIcon } from '../../atoms/not-found-icon';\nimport {\n  Button,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport React, { FC } from 'react';\nimport { NotFoundProps } from './type';\n\nexport const NotFound: FC<NotFoundProps> = ({\n  heading,\n  btnHandleOnClick,\n  btnText,\n}) => {\n  return (\n    <div className=\"flex h-[100%] w-full items-center justify-center bg-purple-400\">\n      <div className=\"my-40 flex w-[80%] flex-col items-center justify-center text-center lg:w-[30%]\">\n        <div className=\"\">\n          <NotFoundIcon />\n        </div>\n        <div className=\"my-16 text-white\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.P1}>{heading}</Typography>\n        </div>\n        <div className=\"w-fit rounded-md bg-white\">\n          <Button\n            type={BUTTON_TYPES.PRIMARY}\n            outlined\n            label={btnText}\n            handleOnClick={btnHandleOnClick}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"not-found.edd3d383.js.map"}

package/onboarding-step-card.50d7d125.js

@@ -0,0 +1,27 @@
+var $8ece84e733854ef8$exports = require("./onboarding-step-card.baf12d95.js");
+var $52219a87c23fdfd8$exports = require("./type.65c54ecd.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $8ece84e733854ef8$exports);
+$parcel$exportWildcard(module.exports, $52219a87c23fdfd8$exports);
+
+
+//# sourceMappingURL=onboarding-step-card.50d7d125.js.map

package/onboarding-step-card.50d7d125.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/onboarding-step-card/index.ts"],"sourcesContent":["export * from './onboarding-step-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"onboarding-step-card.50d7d125.js.map"}

package/onboarding-step-card.68356635.js

@@ -0,0 +1,65 @@
+import {Button as $228V5$Button, BUTTON_SIZES as $228V5$BUTTON_SIZES, BUTTON_TYPES as $228V5$BUTTON_TYPES, Typography as $228V5$Typography, TYPOGRAPHY_VARIANTS as $228V5$TYPOGRAPHY_VARIANTS} from "./molecules.dbeec2dc.js";
+import {ONBOARDING_BTN_TYPES as $fe07776ee566a102$export$356cd3ceac6ccc1f} from "./type.53130166.js";
+import {jsxs as $228V5$jsxs, jsx as $228V5$jsx} from "react/jsx-runtime";
+import {ChevronRightIcon as $228V5$ChevronRightIcon} from "@heroicons/react/24/solid";
+import "react";
+import {VistaComboboxesV1 as $228V5$VistaComboboxesV1} from "@appcorp/app-corp-designs/organisms/vista-comboboxes/vista-comboboxes-v1";
+
+
+
+
+
+
+
+const $008f8db7f39e0cee$export$11a254717886792f = (props)=>{
+    const { title: title, description: description, headerIcon: headerIcon, btnType: btnType } = props;
+    return /*#__PURE__*/ (0, $228V5$jsxs)("div", {
+        className: "flex flex-col items-center",
+        children: [
+            /*#__PURE__*/ (0, $228V5$jsx)("div", {
+                className: "rounded-full bg-white p-8 shadow-[6px_8px_80px_0px_#94949429] lg:p-10",
+                children: headerIcon
+            }),
+            /*#__PURE__*/ (0, $228V5$jsx)("div", {
+                className: "mt-8 lg:mt-14",
+                children: /*#__PURE__*/ (0, $228V5$jsx)((0, $228V5$Typography), {
+                    variant: (0, $228V5$TYPOGRAPHY_VARIANTS).H3,
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ (0, $228V5$jsx)("div", {
+                className: "my-4 text-center",
+                children: /*#__PURE__*/ (0, $228V5$jsx)((0, $228V5$Typography), {
+                    variant: (0, $228V5$TYPOGRAPHY_VARIANTS).H6,
+                    children: description
+                })
+            }),
+            /*#__PURE__*/ (0, $228V5$jsx)("div", {
+                children: btnType === (0, $fe07776ee566a102$export$356cd3ceac6ccc1f).BUTTON ? /*#__PURE__*/ (0, $228V5$jsx)((0, $228V5$Button), {
+                    label: props.buttonText,
+                    size: (0, $228V5$BUTTON_SIZES).MD,
+                    type: (0, $228V5$BUTTON_TYPES).QUATERNARY,
+                    iconSuffix: /*#__PURE__*/ (0, $228V5$jsx)((0, $228V5$ChevronRightIcon), {
+                        className: "size-6"
+                    }),
+                    handleOnClick: props.onButtonClick
+                }) : /*#__PURE__*/ (0, $228V5$jsx)((0, $228V5$VistaComboboxesV1), {
+                    handleInputOnChange: props.comboInputOnChange,
+                    handleOnBlur: props.comboOnBlur,
+                    handleOnChange: props.comboOnChange,
+                    label: props.comboLabel,
+                    selectedItem: props.comboSelectedItem,
+                    listItems: props.comboListItems,
+                    nodeQueryKey: props.nodeQueryKey,
+                    nodeSelectKey: props.nodeSelectKey,
+                    query: props.comboQuery,
+                    selectKey1: props.comboSelectKey1
+                })
+            })
+        ]
+    });
+};
+
+
+export {$008f8db7f39e0cee$export$11a254717886792f as OnboardingStepCard};
+//# sourceMappingURL=onboarding-step-card.68356635.js.map

package/onboarding-step-card.68356635.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAYO,MAAM,4CAAwD,CACnE;IAEA,MAAM,SAAE,KAAK,eAAE,WAAW,cAAE,UAAU,WAAE,OAAO,EAAE,GAAG;IAEpD,qBACE,iBAAC;QAAI,WAAU;;0BACb,gBAAC;gBAAI,WAAU;0BACZ;;0BAEH,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oBAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8BAAG;;;0BAEhD,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oBAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8BAAG;;;0BAEhD,gBAAC;0BACE,YAAY,CAAA,GAAA,yCAAmB,EAAE,MAAM,iBACtC,gBAAC,CAAA,GAAA,aAAK;oBACJ,OAAO,MAAM,UAAU;oBACvB,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;oBACrB,MAAM,CAAA,GAAA,mBAAW,EAAE,UAAU;oBAC7B,0BAAY,gBAAC,CAAA,GAAA,uBAAe;wBAAE,WAAU;;oBACxC,eAAe,MAAM,aAAa;mCAGpC,gBAAC,CAAA,GAAA,wBAAgB;oBACf,qBAAqB,MAAM,kBAAkB;oBAC7C,cAAc,MAAM,WAAW;oBAC/B,gBAAgB,MAAM,aAAa;oBACnC,OAAO,MAAM,UAAU;oBACvB,cAAc,MAAM,iBAAiB;oBACrC,WAAW,MAAM,cAAc;oBAC/B,cAAc,MAAM,YAAY;oBAChC,eAAe,MAAM,aAAa;oBAClC,OAAO,MAAM,UAAU;oBACvB,YAAY,MAAM,eAAe;;;;;AAM7C","sources":["src/organisms/onboarding-step-card/onboarding-step-card.tsx"],"sourcesContent":["import {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { ChevronRightIcon } from '@heroicons/react/24/solid';\nimport React from 'react';\nimport { ONBOARDING_BTN_TYPES, OnboardingStepCardProps } from './type';\nimport { VistaComboboxesV1 } from '@appcorp/app-corp-designs/organisms/vista-comboboxes/vista-comboboxes-v1';\n\nexport const OnboardingStepCard: React.FC<OnboardingStepCardProps> = (\n  props,\n) => {\n  const { title, description, headerIcon, btnType } = props;\n\n  return (\n    <div className=\"flex flex-col items-center\">\n      <div className=\"rounded-full bg-white p-8 shadow-[6px_8px_80px_0px_#94949429] lg:p-10\">\n        {headerIcon}\n      </div>\n      <div className=\"mt-8 lg:mt-14\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H3}>{title}</Typography>\n      </div>\n      <div className=\"my-4 text-center\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H6}>{description}</Typography>\n      </div>\n      <div>\n        {btnType === ONBOARDING_BTN_TYPES.BUTTON ? (\n          <Button\n            label={props.buttonText}\n            size={BUTTON_SIZES.MD}\n            type={BUTTON_TYPES.QUATERNARY}\n            iconSuffix={<ChevronRightIcon className=\"size-6\" />}\n            handleOnClick={props.onButtonClick}\n          />\n        ) : (\n          <VistaComboboxesV1\n            handleInputOnChange={props.comboInputOnChange}\n            handleOnBlur={props.comboOnBlur}\n            handleOnChange={props.comboOnChange}\n            label={props.comboLabel}\n            selectedItem={props.comboSelectedItem}\n            listItems={props.comboListItems}\n            nodeQueryKey={props.nodeQueryKey}\n            nodeSelectKey={props.nodeSelectKey}\n            query={props.comboQuery}\n            selectKey1={props.comboSelectKey1}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"onboarding-step-card.68356635.js.map"}

package/onboarding-step-card.95a73f20.js

@@ -0,0 +1,9 @@
+import {OnboardingStepCard as $008f8db7f39e0cee$export$11a254717886792f} from "./onboarding-step-card.68356635.js";
+import {ONBOARDING_BTN_TYPES as $fe07776ee566a102$export$356cd3ceac6ccc1f} from "./type.53130166.js";
+
+
+
+
+
+export {$008f8db7f39e0cee$export$11a254717886792f as OnboardingStepCard, $fe07776ee566a102$export$356cd3ceac6ccc1f as ONBOARDING_BTN_TYPES};
+//# sourceMappingURL=onboarding-step-card.95a73f20.js.map

package/onboarding-step-card.95a73f20.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/onboarding-step-card/index.ts"],"sourcesContent":["export * from './onboarding-step-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"onboarding-step-card.95a73f20.js.map"}

package/onboarding-step-card.baf12d95.js

@@ -0,0 +1,70 @@
+var $75ff6314b77a3597$exports = require("./molecules.a0ab4a41.js");
+var $52219a87c23fdfd8$exports = require("./type.65c54ecd.js");
+var $hnpsZ$reactjsxruntime = require("react/jsx-runtime");
+var $hnpsZ$heroiconsreact24solid = require("@heroicons/react/24/solid");
+require("react");
+var $hnpsZ$appcorpappcorpdesignsorganismsvistacomboboxesvistacomboboxesv1 = require("@appcorp/app-corp-designs/organisms/vista-comboboxes/vista-comboboxes-v1");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "OnboardingStepCard", () => $8ece84e733854ef8$export$11a254717886792f);
+
+
+
+
+
+
+const $8ece84e733854ef8$export$11a254717886792f = (props)=>{
+    const { title: title, description: description, headerIcon: headerIcon, btnType: btnType } = props;
+    return /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsxs)("div", {
+        className: "flex flex-col items-center",
+        children: [
+            /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)("div", {
+                className: "rounded-full bg-white p-8 shadow-[6px_8px_80px_0px_#94949429] lg:p-10",
+                children: headerIcon
+            }),
+            /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)("div", {
+                className: "mt-8 lg:mt-14",
+                children: /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H3,
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)("div", {
+                className: "my-4 text-center",
+                children: /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H6,
+                    children: description
+                })
+            }),
+            /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)("div", {
+                children: btnType === (0, $52219a87c23fdfd8$exports.ONBOARDING_BTN_TYPES).BUTTON ? /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                    label: props.buttonText,
+                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD,
+                    type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).QUATERNARY,
+                    iconSuffix: /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)((0, $hnpsZ$heroiconsreact24solid.ChevronRightIcon), {
+                        className: "size-6"
+                    }),
+                    handleOnClick: props.onButtonClick
+                }) : /*#__PURE__*/ (0, $hnpsZ$reactjsxruntime.jsx)((0, $hnpsZ$appcorpappcorpdesignsorganismsvistacomboboxesvistacomboboxesv1.VistaComboboxesV1), {
+                    handleInputOnChange: props.comboInputOnChange,
+                    handleOnBlur: props.comboOnBlur,
+                    handleOnChange: props.comboOnChange,
+                    label: props.comboLabel,
+                    selectedItem: props.comboSelectedItem,
+                    listItems: props.comboListItems,
+                    nodeQueryKey: props.nodeQueryKey,
+                    nodeSelectKey: props.nodeSelectKey,
+                    query: props.comboQuery,
+                    selectKey1: props.comboSelectKey1
+                })
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=onboarding-step-card.baf12d95.js.map

package/onboarding-step-card.baf12d95.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAYO,MAAM,4CAAwD,CACnE;IAEA,MAAM,SAAE,KAAK,eAAE,WAAW,cAAE,UAAU,WAAE,OAAO,EAAE,GAAG;IAEpD,qBACE,iCAAC;QAAI,WAAU;;0BACb,gCAAC;gBAAI,WAAU;0BACZ;;0BAEH,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oBAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8BAAG;;;0BAEhD,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oBAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8BAAG;;;0BAEhD,gCAAC;0BACE,YAAY,CAAA,GAAA,8CAAmB,EAAE,MAAM,iBACtC,gCAAC,CAAA,GAAA,gCAAK;oBACJ,OAAO,MAAM,UAAU;oBACvB,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;oBACrB,MAAM,CAAA,GAAA,sCAAW,EAAE,UAAU;oBAC7B,0BAAY,gCAAC,CAAA,GAAA,6CAAe;wBAAE,WAAU;;oBACxC,eAAe,MAAM,aAAa;mCAGpC,gCAAC,CAAA,GAAA,uFAAgB;oBACf,qBAAqB,MAAM,kBAAkB;oBAC7C,cAAc,MAAM,WAAW;oBAC/B,gBAAgB,MAAM,aAAa;oBACnC,OAAO,MAAM,UAAU;oBACvB,cAAc,MAAM,iBAAiB;oBACrC,WAAW,MAAM,cAAc;oBAC/B,cAAc,MAAM,YAAY;oBAChC,eAAe,MAAM,aAAa;oBAClC,OAAO,MAAM,UAAU;oBACvB,YAAY,MAAM,eAAe;;;;;AAM7C","sources":["src/organisms/onboarding-step-card/onboarding-step-card.tsx"],"sourcesContent":["import {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { ChevronRightIcon } from '@heroicons/react/24/solid';\nimport React from 'react';\nimport { ONBOARDING_BTN_TYPES, OnboardingStepCardProps } from './type';\nimport { VistaComboboxesV1 } from '@appcorp/app-corp-designs/organisms/vista-comboboxes/vista-comboboxes-v1';\n\nexport const OnboardingStepCard: React.FC<OnboardingStepCardProps> = (\n  props,\n) => {\n  const { title, description, headerIcon, btnType } = props;\n\n  return (\n    <div className=\"flex flex-col items-center\">\n      <div className=\"rounded-full bg-white p-8 shadow-[6px_8px_80px_0px_#94949429] lg:p-10\">\n        {headerIcon}\n      </div>\n      <div className=\"mt-8 lg:mt-14\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H3}>{title}</Typography>\n      </div>\n      <div className=\"my-4 text-center\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H6}>{description}</Typography>\n      </div>\n      <div>\n        {btnType === ONBOARDING_BTN_TYPES.BUTTON ? (\n          <Button\n            label={props.buttonText}\n            size={BUTTON_SIZES.MD}\n            type={BUTTON_TYPES.QUATERNARY}\n            iconSuffix={<ChevronRightIcon className=\"size-6\" />}\n            handleOnClick={props.onButtonClick}\n          />\n        ) : (\n          <VistaComboboxesV1\n            handleInputOnChange={props.comboInputOnChange}\n            handleOnBlur={props.comboOnBlur}\n            handleOnChange={props.comboOnChange}\n            label={props.comboLabel}\n            selectedItem={props.comboSelectedItem}\n            listItems={props.comboListItems}\n            nodeQueryKey={props.nodeQueryKey}\n            nodeSelectKey={props.nodeSelectKey}\n            query={props.comboQuery}\n            selectKey1={props.comboSelectKey1}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"onboarding-step-card.baf12d95.js.map"}

package/onboarding-steps.1e1872b0.js

@@ -0,0 +1,27 @@
+var $4685853a0f2d9fd0$exports = require("./onboarding-steps.631381b8.js");
+var $5dcbd18caa3f45ac$exports = require("./type.376153d3.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $4685853a0f2d9fd0$exports);
+$parcel$exportWildcard(module.exports, $5dcbd18caa3f45ac$exports);
+
+
+//# sourceMappingURL=onboarding-steps.1e1872b0.js.map

package/onboarding-steps.1e1872b0.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/onboarding-steps/index.ts"],"sourcesContent":["export * from './onboarding-steps';\nexport * from './type';\n"],"names":[],"version":3,"file":"onboarding-steps.1e1872b0.js.map"}

package/onboarding-steps.631381b8.js

@@ -0,0 +1,93 @@
+var $75ff6314b77a3597$exports = require("./molecules.a0ab4a41.js");
+var $8ece84e733854ef8$exports = require("./onboarding-step-card.baf12d95.js");
+var $52219a87c23fdfd8$exports = require("./type.65c54ecd.js");
+var $95d9a893c0c4c663$exports = require("./onboarding-track.0ee2ca59.js");
+var $agwiJ$reactjsxruntime = require("react/jsx-runtime");
+var $agwiJ$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "OnboardingSteps", () => $4685853a0f2d9fd0$export$d7114b4b3a61bbba);
+
+
+
+
+
+
+const $4685853a0f2d9fd0$export$d7114b4b3a61bbba = ({ stepsData: stepsData, heading: heading, subheading: subheading })=>{
+    return /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("section", {
+        className: "kismaa-section-spacing bg-gray-100",
+        children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsxs)("div", {
+            className: "kismaa-container",
+            children: [
+                /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsxs)("div", {
+                    className: "mb-8 text-center",
+                    children: [
+                        /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                            className: "text-gray-800",
+                            children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                                children: heading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                            className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]",
+                            children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
+                                children: subheading
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                    className: "mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0",
+                    children: stepsData.map((step, index)=>/*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($agwiJ$react))).Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                                    children: step.btnType === (0, $52219a87c23fdfd8$exports.ONBOARDING_BTN_TYPES).BUTTON ? /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $8ece84e733854ef8$exports.OnboardingStepCard), {
+                                        title: step.title,
+                                        description: step.description,
+                                        buttonText: step.buttonText,
+                                        onButtonClick: step.onButtonClick,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType
+                                    }) : /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $8ece84e733854ef8$exports.OnboardingStepCard), {
+                                        title: step.title,
+                                        description: step.description,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType,
+                                        comboInputOnChange: step.comboInputOnChange || (()=>{}),
+                                        comboOnBlur: step.comboOnBlur || (()=>{}),
+                                        comboOnChange: step.comboOnChange || (()=>{}),
+                                        comboLabel: step.comboLabel || '',
+                                        comboSelectedItem: step.comboSelectedItem || null,
+                                        comboListItems: step.comboListItems || [],
+                                        nodeQueryKey: step.nodeQueryKey || '',
+                                        nodeSelectKey: step.nodeSelectKey || '',
+                                        comboQuery: step.comboQuery || '',
+                                        comboSelectKey1: step.comboSelectKey1 || ''
+                                    })
+                                }),
+                                index < stepsData.length - 1 && /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                                    className: "-mx-14 mt-20 hidden lg:block",
+                                    children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $95d9a893c0c4c663$exports.OnboardingTrack), {
+                                        className: `w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`
+                                    })
+                                })
+                            ]
+                        }, index))
+                })
+            ]
+        })
+    });
+};
+
+
+//# sourceMappingURL=onboarding-steps.631381b8.js.map

package/onboarding-steps.631381b8.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,4CAA4C,CAAC,aACxD,SAAS,WACT,OAAO,cACP,UAAU,EACX;IACC,qBACE,gCAAC;QAAQ,WAAU;kBACjB,cAAA,iCAAC;YAAI,WAAU;;8BACb,iCAAC;oBAAI,WAAU;;sCACb,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;0CAAG;;;sCAEhD,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;0CAC3C;;;;;8BAIP,gCAAC;oBAAI,WAAU;8BACZ,UAAU,GAAG,CAAC,CAAC,MAAM,sBACpB,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;8CACb,gCAAC;8CACE,KAAK,OAAO,KAAK,CAAA,GAAA,8CAAmB,EAAE,MAAM,iBAC3C,gCAAC,CAAA,GAAA,4CAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,eAAe,KAAK,aAAa;wCACjC,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;uDAGvB,gCAAC,CAAA,GAAA,4CAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;wCACrB,oBAAoB,KAAK,kBAAkB,IAAK,CAAA,KAAO,CAAA;wCACvD,aAAa,KAAK,WAAW,IAAK,CAAA,KAAO,CAAA;wCACzC,eAAe,KAAK,aAAa,IAAK,CAAA,KAAO,CAAA;wCAC7C,YAAY,KAAK,UAAU,IAAI;wCAC/B,mBAAmB,KAAK,iBAAiB,IAAI;wCAC7C,gBAAgB,KAAK,cAAc,IAAI,EAAE;wCACzC,cAAc,KAAK,YAAY,IAAI;wCACnC,eAAe,KAAK,aAAa,IAAI;wCACrC,YAAY,KAAK,UAAU,IAAI;wCAC/B,iBAAiB,KAAK,eAAe,IAAI;;;gCAI9C,QAAQ,UAAU,MAAM,GAAG,mBAC1B,gCAAC;oCAAI,WAAU;8CACb,cAAA,gCAAC,CAAA,GAAA,yCAAc;wCACb,WAAW,CAAC,KAAK,EAAE,QAAQ,MAAM,IAAI,eAAe,IAAI;;;;2BAjC3C;;;;;AA2CjC","sources":["src/organisms/onboarding-steps/onboarding-steps.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport React, { FC } from 'react';\nimport { OnboardingStepCard } from '../onboarding-step-card/onboarding-step-card';\nimport { ONBOARDING_BTN_TYPES } from '../onboarding-step-card/type';\nimport { OnboardingTrack } from '../../atoms/onboarding-track';\nimport { OnboardingStepsTypes } from './type';\n\nexport const OnboardingSteps: FC<OnboardingStepsTypes> = ({\n  stepsData,\n  heading,\n  subheading,\n}) => {\n  return (\n    <section className=\"kismaa-section-spacing bg-gray-100\">\n      <div className=\"kismaa-container\">\n        <div className=\"mb-8 text-center\">\n          <div className=\"text-gray-800\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          <div className=\"mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n              {subheading}\n            </Typography>\n          </div>\n        </div>\n        <div className=\"mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0\">\n          {stepsData.map((step, index) => (\n            <React.Fragment key={index}>\n              <div>\n                {step.btnType === ONBOARDING_BTN_TYPES.BUTTON ? (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    buttonText={step.buttonText}\n                    onButtonClick={step.onButtonClick}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                  />\n                ) : (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                    comboInputOnChange={step.comboInputOnChange || (() => {})}\n                    comboOnBlur={step.comboOnBlur || (() => {})}\n                    comboOnChange={step.comboOnChange || (() => {})}\n                    comboLabel={step.comboLabel || ''}\n                    comboSelectedItem={step.comboSelectedItem || null}\n                    comboListItems={step.comboListItems || []}\n                    nodeQueryKey={step.nodeQueryKey || ''}\n                    nodeSelectKey={step.nodeSelectKey || ''}\n                    comboQuery={step.comboQuery || ''}\n                    comboSelectKey1={step.comboSelectKey1 || ''}\n                  />\n                )}\n              </div>\n              {index < stepsData.length - 1 && (\n                <div className=\"-mx-14 mt-20 hidden lg:block\">\n                  <OnboardingTrack\n                    className={`w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"version":3,"file":"onboarding-steps.631381b8.js.map"}

package/onboarding-steps.f0217d67.js

@@ -0,0 +1,9 @@
+import {OnboardingSteps as $9232a7829ecfae0a$export$d7114b4b3a61bbba} from "./onboarding-steps.fa5f3562.js";
+import "./type.1757289e.js";
+
+
+
+
+
+export {$9232a7829ecfae0a$export$d7114b4b3a61bbba as OnboardingSteps};
+//# sourceMappingURL=onboarding-steps.f0217d67.js.map

package/onboarding-steps.f0217d67.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/onboarding-steps/index.ts"],"sourcesContent":["export * from './onboarding-steps';\nexport * from './type';\n"],"names":[],"version":3,"file":"onboarding-steps.f0217d67.js.map"}

package/onboarding-steps.fa5f3562.js

@@ -0,0 +1,84 @@
+import {Typography as $9u9aa$Typography, TYPOGRAPHY_VARIANTS as $9u9aa$TYPOGRAPHY_VARIANTS} from "./molecules.dbeec2dc.js";
+import {OnboardingStepCard as $008f8db7f39e0cee$export$11a254717886792f} from "./onboarding-step-card.68356635.js";
+import {ONBOARDING_BTN_TYPES as $fe07776ee566a102$export$356cd3ceac6ccc1f} from "./type.53130166.js";
+import {OnboardingTrack as $b3b2f5cc373419eb$export$b30b305eb9feb5ed} from "./onboarding-track.e55f9898.js";
+import {jsx as $9u9aa$jsx, jsxs as $9u9aa$jsxs} from "react/jsx-runtime";
+import $9u9aa$react from "react";
+
+
+
+
+
+
+
+const $9232a7829ecfae0a$export$d7114b4b3a61bbba = ({ stepsData: stepsData, heading: heading, subheading: subheading })=>{
+    return /*#__PURE__*/ (0, $9u9aa$jsx)("section", {
+        className: "kismaa-section-spacing bg-gray-100",
+        children: /*#__PURE__*/ (0, $9u9aa$jsxs)("div", {
+            className: "kismaa-container",
+            children: [
+                /*#__PURE__*/ (0, $9u9aa$jsxs)("div", {
+                    className: "mb-8 text-center",
+                    children: [
+                        /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                            className: "text-gray-800",
+                            children: /*#__PURE__*/ (0, $9u9aa$jsx)((0, $9u9aa$Typography), {
+                                variant: (0, $9u9aa$TYPOGRAPHY_VARIANTS).H2,
+                                children: heading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                            className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]",
+                            children: /*#__PURE__*/ (0, $9u9aa$jsx)((0, $9u9aa$Typography), {
+                                variant: (0, $9u9aa$TYPOGRAPHY_VARIANTS).SUBH4,
+                                children: subheading
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                    className: "mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0",
+                    children: stepsData.map((step, index)=>/*#__PURE__*/ (0, $9u9aa$jsxs)((0, $9u9aa$react).Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                                    children: step.btnType === (0, $fe07776ee566a102$export$356cd3ceac6ccc1f).BUTTON ? /*#__PURE__*/ (0, $9u9aa$jsx)((0, $008f8db7f39e0cee$export$11a254717886792f), {
+                                        title: step.title,
+                                        description: step.description,
+                                        buttonText: step.buttonText,
+                                        onButtonClick: step.onButtonClick,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType
+                                    }) : /*#__PURE__*/ (0, $9u9aa$jsx)((0, $008f8db7f39e0cee$export$11a254717886792f), {
+                                        title: step.title,
+                                        description: step.description,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType,
+                                        comboInputOnChange: step.comboInputOnChange || (()=>{}),
+                                        comboOnBlur: step.comboOnBlur || (()=>{}),
+                                        comboOnChange: step.comboOnChange || (()=>{}),
+                                        comboLabel: step.comboLabel || '',
+                                        comboSelectedItem: step.comboSelectedItem || null,
+                                        comboListItems: step.comboListItems || [],
+                                        nodeQueryKey: step.nodeQueryKey || '',
+                                        nodeSelectKey: step.nodeSelectKey || '',
+                                        comboQuery: step.comboQuery || '',
+                                        comboSelectKey1: step.comboSelectKey1 || ''
+                                    })
+                                }),
+                                index < stepsData.length - 1 && /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                                    className: "-mx-14 mt-20 hidden lg:block",
+                                    children: /*#__PURE__*/ (0, $9u9aa$jsx)((0, $b3b2f5cc373419eb$export$b30b305eb9feb5ed), {
+                                        className: `w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`
+                                    })
+                                })
+                            ]
+                        }, index))
+                })
+            ]
+        })
+    });
+};
+
+
+export {$9232a7829ecfae0a$export$d7114b4b3a61bbba as OnboardingSteps};
+//# sourceMappingURL=onboarding-steps.fa5f3562.js.map

package/onboarding-steps.fa5f3562.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAOO,MAAM,4CAA4C,CAAC,aACxD,SAAS,WACT,OAAO,cACP,UAAU,EACX;IACC,qBACE,gBAAC;QAAQ,WAAU;kBACjB,cAAA,iBAAC;YAAI,WAAU;;8BACb,iBAAC;oBAAI,WAAU;;sCACb,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0CAAG;;;sCAEhD,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;0CAC3C;;;;;8BAIP,gBAAC;oBAAI,WAAU;8BACZ,UAAU,GAAG,CAAC,CAAC,MAAM,sBACpB,iBAAC,CAAA,GAAA,YAAI,EAAE,QAAQ;;8CACb,gBAAC;8CACE,KAAK,OAAO,KAAK,CAAA,GAAA,yCAAmB,EAAE,MAAM,iBAC3C,gBAAC,CAAA,GAAA,yCAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,eAAe,KAAK,aAAa;wCACjC,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;uDAGvB,gBAAC,CAAA,GAAA,yCAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;wCACrB,oBAAoB,KAAK,kBAAkB,IAAK,CAAA,KAAO,CAAA;wCACvD,aAAa,KAAK,WAAW,IAAK,CAAA,KAAO,CAAA;wCACzC,eAAe,KAAK,aAAa,IAAK,CAAA,KAAO,CAAA;wCAC7C,YAAY,KAAK,UAAU,IAAI;wCAC/B,mBAAmB,KAAK,iBAAiB,IAAI;wCAC7C,gBAAgB,KAAK,cAAc,IAAI,EAAE;wCACzC,cAAc,KAAK,YAAY,IAAI;wCACnC,eAAe,KAAK,aAAa,IAAI;wCACrC,YAAY,KAAK,UAAU,IAAI;wCAC/B,iBAAiB,KAAK,eAAe,IAAI;;;gCAI9C,QAAQ,UAAU,MAAM,GAAG,mBAC1B,gBAAC;oCAAI,WAAU;8CACb,cAAA,gBAAC,CAAA,GAAA,yCAAc;wCACb,WAAW,CAAC,KAAK,EAAE,QAAQ,MAAM,IAAI,eAAe,IAAI;;;;2BAjC3C;;;;;AA2CjC","sources":["src/organisms/onboarding-steps/onboarding-steps.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport React, { FC } from 'react';\nimport { OnboardingStepCard } from '../onboarding-step-card/onboarding-step-card';\nimport { ONBOARDING_BTN_TYPES } from '../onboarding-step-card/type';\nimport { OnboardingTrack } from '../../atoms/onboarding-track';\nimport { OnboardingStepsTypes } from './type';\n\nexport const OnboardingSteps: FC<OnboardingStepsTypes> = ({\n  stepsData,\n  heading,\n  subheading,\n}) => {\n  return (\n    <section className=\"kismaa-section-spacing bg-gray-100\">\n      <div className=\"kismaa-container\">\n        <div className=\"mb-8 text-center\">\n          <div className=\"text-gray-800\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          <div className=\"mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n              {subheading}\n            </Typography>\n          </div>\n        </div>\n        <div className=\"mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0\">\n          {stepsData.map((step, index) => (\n            <React.Fragment key={index}>\n              <div>\n                {step.btnType === ONBOARDING_BTN_TYPES.BUTTON ? (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    buttonText={step.buttonText}\n                    onButtonClick={step.onButtonClick}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                  />\n                ) : (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                    comboInputOnChange={step.comboInputOnChange || (() => {})}\n                    comboOnBlur={step.comboOnBlur || (() => {})}\n                    comboOnChange={step.comboOnChange || (() => {})}\n                    comboLabel={step.comboLabel || ''}\n                    comboSelectedItem={step.comboSelectedItem || null}\n                    comboListItems={step.comboListItems || []}\n                    nodeQueryKey={step.nodeQueryKey || ''}\n                    nodeSelectKey={step.nodeSelectKey || ''}\n                    comboQuery={step.comboQuery || ''}\n                    comboSelectKey1={step.comboSelectKey1 || ''}\n                  />\n                )}\n              </div>\n              {index < stepsData.length - 1 && (\n                <div className=\"-mx-14 mt-20 hidden lg:block\">\n                  <OnboardingTrack\n                    className={`w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"version":3,"file":"onboarding-steps.fa5f3562.js.map"}