@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/HistoryList.5fd6aa12.js

@@ -0,0 +1,228 @@
+import {jsx as $ktVFM$jsx, jsxs as $ktVFM$jsxs} from "react/jsx-runtime";
+import $ktVFM$react, {useRef as $ktVFM$useRef, useEffect as $ktVFM$useEffect} from "react";
+
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global = globalThis;
+    var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("2IZpO", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $7e0481471d50d053$export$2e2bcd8739ae039);
+
+
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $dhRwo = parcelRequire("dhRwo");
+
+var $gQ55S = parcelRequire("gQ55S");
+
+var $jeYOr = parcelRequire("jeYOr");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $8KJP1 = parcelRequire("8KJP1");
+const $7e0481471d50d053$var$HistoryList = ()=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const isWidget = (0, $1Qww3.useViewStore)((state)=>state.isWidget);
+    const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
+    const setCurrentSubView = (0, $j67YK.useUtilsStore)((state)=>state.actions.setCurrentSubView);
+    const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const activities = (0, $dhRwo.default)();
+    const scrollRef = (0, $ktVFM$useRef)(null);
+    const divRef = (0, $ktVFM$useRef)(null);
+    /**
+   * On call :
+   *  - scroll to the scrollRef HTML element at the bottom of the view
+   */ const scrollToRef = ()=>{
+        if (scrollRef && scrollRef.current !== null) scrollRef.current.scrollIntoView({
+            behavior: 'smooth',
+            block: 'nearest'
+        });
+    };
+    /**
+   * On component mount :
+   *  - call scrollToRef method
+   */ (0, $ktVFM$useEffect)(()=>{
+        setTimeout(()=>{
+            scrollToRef();
+        }, 200);
+    }, []);
+    (0, $ktVFM$useEffect)(()=>{
+        divRef?.current && isWidget && (0, $8KJP1.default)(null, divRef);
+    }, [
+        divRef?.current
+    ]);
+    const handleClose = ()=>{
+        setCurrentSubView((0, $4ucVo.CurrentSubView).none);
+        sendEvent('Davi.CloseWindow', null);
+        sendEvent('Davi.CloseWindowHistory', null);
+    };
+    return /*#__PURE__*/ (0, $ktVFM$jsx)((0, $gQ55S.SubMenuClosing), {
+        handleClose: handleClose,
+        backIsConversation: true,
+        title: translation.history.title,
+        children: /*#__PURE__*/ (0, $ktVFM$jsxs)("div", {
+            ref: divRef,
+            className: `rf-pb-4 rf-overflow-y-scroll ${isBorne ? 'rf-scrollbar-thin' : 'rf-scrollbar-hidden'}`,
+            children: [
+                activities.map((activity, key)=>{
+                    return /*#__PURE__*/ (0, $ktVFM$jsx)((0, $jeYOr.default), {
+                        activity: activity
+                    }, key);
+                }),
+                /*#__PURE__*/ (0, $ktVFM$jsx)("div", {
+                    ref: scrollRef
+                })
+            ]
+        })
+    });
+};
+var $7e0481471d50d053$export$2e2bcd8739ae039 = $7e0481471d50d053$var$HistoryList;
+
+});
+parcelRegister("dhRwo", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $a4a3509b5adcc0fb$export$2e2bcd8739ae039);
+
+var $e5dDB = parcelRequire("e5dDB");
+
+var $9GPj7 = parcelRequire("9GPj7");
+function $a4a3509b5adcc0fb$export$2e2bcd8739ae039() {
+    const activities = (0, $9GPj7.useActivityStore)((state)=>state.messageActivities);
+    // processedId contains the ids of the activities already processed (because useActivities gives duplicate activities with different state depending on if it's been spoken or not )
+    const processedId = [];
+    const history = [];
+    activities.forEach((activity)=>{
+        if (activity.id && !processedId.includes(activity.id)) {
+            processedId.push(activity.id);
+            // Check if this is a question or an answer (questions from the user don't have a replyToId field)
+            if (activity.replyToId) {
+                const question = history.find((historyItem)=>historyItem.question.id === activity.replyToId);
+                if (question) question.answers.push(activity);
+                else {
+                    const newQuestion = (0, $e5dDB.createNewQuestionForTimestamp)(activity);
+                    history.push({
+                        question: newQuestion,
+                        answers: [
+                            activity
+                        ]
+                    });
+                }
+            } else if (activity.label === 'Davi.BringupMessage' && activity.text) {
+                const newQuestion = (0, $e5dDB.createNewQuestionForTimestamp)(activity);
+                history.push({
+                    question: newQuestion,
+                    answers: [
+                        activity
+                    ]
+                });
+            } else history.push({
+                question: activity,
+                answers: []
+            });
+        }
+    });
+    return history;
+}
+
+});
+
+parcelRegister("jeYOr", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $ad9755f823edbd92$export$2e2bcd8739ae039);
+
+
+
+var $3VLZE = parcelRequire("3VLZE");
+const $ad9755f823edbd92$var$HistoryItem = ({ activity: activity })=>{
+    return /*#__PURE__*/ (0, $ktVFM$jsxs)("div", {
+        className: "rf-mb-4 rf-flex rf-flex-col rf-justify-start rf-items-start rf-gap-4 rf-text-size-auto",
+        children: [
+            activity?.question && activity.question.type === 'message' && /*#__PURE__*/ (0, $ktVFM$jsx)((0, $3VLZE.default), {
+                activity: activity.question,
+                isQuestion: true
+            }),
+            activity.answers.map((answer, j)=>{
+                return answer.type === 'message' ? /*#__PURE__*/ (0, $ktVFM$jsx)((0, $3VLZE.default), {
+                    activity: answer,
+                    isQuestion: false
+                }, j) : /*#__PURE__*/ (0, $ktVFM$jsx)((0, $ktVFM$react).Fragment, {});
+            })
+        ]
+    });
+};
+var $ad9755f823edbd92$export$2e2bcd8739ae039 = $ad9755f823edbd92$var$HistoryItem;
+
+});
+parcelRegister("3VLZE", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c7eb1586efc51c4d$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $dLlm9 = parcelRequire("dLlm9");
+
+var $1LYTj = parcelRequire("1LYTj");
+const $c7eb1586efc51c4d$var$HistoryQA = ({ activity: activity, isQuestion: isQuestion })=>{
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const time = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
+    return activity.text || !!activity.attachments?.length ? /*#__PURE__*/ (0, $ktVFM$jsxs)("div", {
+        className: `${isMobile ? 'rf-w-full' : 'rf-max-w-full'} rf-flex rf-flex-col rf-gap-1`,
+        children: [
+            /*#__PURE__*/ (0, $ktVFM$jsx)("div", {
+                className: "rf-text-[#9A9A9A]",
+                children: time.toLocaleString(locale, {
+                    hour: 'numeric',
+                    minute: 'numeric'
+                })
+            }),
+            /*#__PURE__*/ (0, $ktVFM$jsxs)("div", {
+                className: `${isQuestion ? 'rf-text-secondary' : 'rf-text-textModePanelConversationBot'}`,
+                children: [
+                    activity.htmlText ? /*#__PURE__*/ (0, $ktVFM$jsx)("div", {
+                        dangerouslySetInnerHTML: {
+                            __html: activity.htmlText
+                        }
+                    }) : activity.text ? (0, $dLlm9.getTextWithoutSpeechMarkdown)(activity.text) : '',
+                    !!activity.attachments?.length && !(activity.attachmentLayout && activity.attachmentLayout.toLowerCase() === 'davilist') && /*#__PURE__*/ (0, $ktVFM$jsx)("div", {
+                        className: `rf-w-full rf-min-h-16 rf-overflow-x-hidden rf-overflow-y-auto ${activity.text && 'rf-pt-4'}`,
+                        children: /*#__PURE__*/ (0, $ktVFM$jsx)((0, $1LYTj.default), {
+                            activity: activity,
+                            history: true
+                        })
+                    })
+                ]
+            })
+        ]
+    }) : /*#__PURE__*/ (0, $ktVFM$jsx)((0, $ktVFM$react).Fragment, {});
+};
+var $c7eb1586efc51c4d$export$2e2bcd8739ae039 = $c7eb1586efc51c4d$var$HistoryQA;
+
+});
+
+
+
+
+//# sourceMappingURL=HistoryList.5fd6aa12.js.map

package/dist/HistoryList.5fd6aa12.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/History/HistoryList.tsx","src/hooks/useMessageActivities.ts","src/components/History/HistoryItem.tsx","src/components/History/HistoryQA.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\nimport useMessageActivities from '../../hooks/useMessageActivities'\r\nimport { SubMenuClosing as Template } from '../Templates'\r\nimport HistoryItem from './HistoryItem'\r\nimport { CurrentSubView } from '../../models/enums'\r\nimport preventEvents from '../../utils/preventEvents'\r\n\r\nconst HistoryList = (): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const isWidget = useViewStore((state) => state.isWidget)\r\n  const isBorne = useViewStore((state) => state.isBorne)\r\n  const setCurrentSubView = useUtilsStore((state) => state.actions.setCurrentSubView)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const activities = useMessageActivities()\r\n  const scrollRef = useRef<HTMLDivElement>(null)\r\n  const divRef = useRef<HTMLDivElement>(null)\r\n\r\n  /**\r\n   * On call :\r\n   *  - scroll to the scrollRef HTML element at the bottom of the view\r\n   */\r\n  const scrollToRef = (): void => {\r\n    if (scrollRef && scrollRef.current !== null) {\r\n      scrollRef.current.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'nearest'\r\n      })\r\n    }\r\n  }\r\n\r\n  /**\r\n   * On component mount :\r\n   *  - call scrollToRef method\r\n   */\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      scrollToRef()\r\n    }, 200)\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    divRef?.current && isWidget && preventEvents(null, divRef)\r\n  }, [divRef?.current])\r\n\r\n  const handleClose = (): void => {\r\n    setCurrentSubView(CurrentSubView.none)\r\n    sendEvent('Davi.CloseWindow', null)\r\n    sendEvent('Davi.CloseWindowHistory', null)\r\n  }\r\n\r\n  return (\r\n    <Template handleClose={handleClose} backIsConversation={true} title={translation.history.title}>\r\n      <div ref={divRef} className={`rf-pb-4 rf-overflow-y-scroll ${isBorne ? 'rf-scrollbar-thin' : 'rf-scrollbar-hidden'}`}>\r\n        {/* History items */}\r\n        {activities.map((activity, key) => {\r\n          return <HistoryItem key={key} activity={activity} />\r\n        })}\r\n        <div ref={scrollRef} />\r\n      </div>\r\n    </Template>\r\n  )\r\n}\r\n\r\nexport default HistoryList\r\n","import type { HistoryActivity, RetorikActivity } from '../models/activityTypes'\r\nimport { createNewQuestionForTimestamp } from '../utils/activityUtils'\r\nimport { useActivityStore } from '../components/Contexts/ActivityContext'\r\n\r\nexport default function useMessageActivities(): Array<HistoryActivity> {\r\n  const activities = useActivityStore((state) => state.messageActivities)\r\n  // processedId contains the ids of the activities already processed (because useActivities gives duplicate activities with different state depending on if it's been spoken or not )\r\n  const processedId: Array<string> = []\r\n  const history: HistoryActivity[] = []\r\n\r\n  activities.forEach((activity) => {\r\n    if (activity.id && !processedId.includes(activity.id)) {\r\n      processedId.push(activity.id)\r\n      // Check if this is a question or an answer (questions from the user don't have a replyToId field)\r\n      if (activity.replyToId) {\r\n        const question: HistoryActivity | undefined = history.find(\r\n          (historyItem) => historyItem.question.id === activity.replyToId\r\n        )\r\n        if (question) {\r\n          question.answers.push(activity)\r\n        } else {\r\n          const newQuestion: RetorikActivity =\r\n            createNewQuestionForTimestamp(activity)\r\n\r\n          history.push({\r\n            question: newQuestion,\r\n            answers: [activity]\r\n          })\r\n        }\r\n      } else {\r\n        if (\r\n          (activity as RetorikActivity).label === 'Davi.BringupMessage' &&\r\n          (activity as RetorikActivity).text\r\n        ) {\r\n          const newQuestion: RetorikActivity =\r\n            createNewQuestionForTimestamp(activity)\r\n          history.push({\r\n            question: newQuestion,\r\n            answers: [activity]\r\n          })\r\n        } else {\r\n          history.push({\r\n            question: activity,\r\n            answers: []\r\n          })\r\n        }\r\n      }\r\n    }\r\n  })\r\n\r\n  return history\r\n}\r\n","import React from 'react'\r\nimport type { HistoryActivity } from '../../models/activityTypes'\r\nimport HistoryQA from './HistoryQA'\r\n\r\ninterface HistoryItemProps {\r\n  activity: HistoryActivity\r\n}\r\n\r\nconst HistoryItem = ({ activity }: HistoryItemProps): JSX.Element => {\r\n  return (\r\n    <div className='rf-mb-4 rf-flex rf-flex-col rf-justify-start rf-items-start rf-gap-4 rf-text-size-auto'>\r\n      {/* Question */}\r\n      {activity?.question && activity.question.type === 'message' && (\r\n        <HistoryQA activity={activity.question} isQuestion={true} />\r\n      )}\r\n\r\n      {/* Answers */}\r\n      {activity.answers.map((answer, j) => {\r\n        return answer.type === 'message' ? (\r\n          <HistoryQA key={j} activity={answer} isQuestion={false} />\r\n        ) : (\r\n          <React.Fragment />\r\n        )\r\n      })}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default HistoryItem\r\n","import React from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useViewStore } from '../Contexts/ViewContext'\r\nimport type { RetorikActivity } from '../../models/activityTypes'\r\nimport { getTextWithoutSpeechMarkdown } from '../../utils/speechMarkdownUtils'\r\nimport Attachments from '../Attachments/Attachments'\r\n\r\ninterface HistoryQAProps {\r\n  activity: RetorikActivity\r\n  isQuestion: boolean\r\n}\r\n\r\nconst HistoryQA = ({ activity, isQuestion }: HistoryQAProps): JSX.Element => {\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const isMobile = useViewStore((state) => state.isMobile)\r\n  const time = activity.localTimestamp\r\n    ? new Date(activity.localTimestamp)\r\n    : activity.timestamp\r\n    ? new Date(activity.timestamp)\r\n    : new Date()\r\n\r\n  return activity.text || !!activity.attachments?.length ? (\r\n    <div\r\n      className={`${\r\n        isMobile ? 'rf-w-full' : 'rf-max-w-full'\r\n      } rf-flex rf-flex-col rf-gap-1`}\r\n    >\r\n      {/* Time */}\r\n      <div className='rf-text-[#9A9A9A]'>\r\n        {time.toLocaleString(locale, {\r\n          hour: 'numeric',\r\n          minute: 'numeric'\r\n        })}\r\n      </div>\r\n\r\n      {/* Question or Answer */}\r\n      <div\r\n        className={`${\r\n          isQuestion\r\n            ? 'rf-text-secondary'\r\n            : 'rf-text-textModePanelConversationBot'\r\n        }`}\r\n      >\r\n        {activity.htmlText ? (\r\n          <div\r\n            dangerouslySetInnerHTML={{\r\n              __html: activity.htmlText\r\n            }}\r\n          />\r\n        ) : activity.text ? (\r\n          getTextWithoutSpeechMarkdown(activity.text)\r\n        ) : (\r\n          ''\r\n        )}\r\n        {/* Display attachments if there are some and the display mode wasn't a list */}\r\n        {!!activity.attachments?.length &&\r\n          !(\r\n            activity.attachmentLayout &&\r\n            activity.attachmentLayout.toLowerCase() === 'davilist'\r\n          ) && (\r\n            <div\r\n              className={`rf-w-full rf-min-h-16 rf-overflow-x-hidden rf-overflow-y-auto ${\r\n                activity.text && 'rf-pt-4'\r\n              }`}\r\n            >\r\n              <Attachments activity={activity} history={true} />\r\n            </div>\r\n          )}\r\n      </div>\r\n    </div>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default HistoryQA\r\n"],"names":[],"version":3,"file":"HistoryList.5fd6aa12.js.map"}

package/dist/LanguageChoice.1579b654.js

@@ -0,0 +1,125 @@
+var $381Go$reactjsxruntime = require("react/jsx-runtime");
+var $381Go$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global =
+        typeof globalThis !== 'undefined'
+          ? globalThis
+          : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+          ? global
+          : {};
+  var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("cMcsq", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $6bd994e5ef61a032$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $exo5b = parcelRequire("exo5b");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $9JtA7 = parcelRequire("9JtA7");
+
+var $a3uH3 = parcelRequire("a3uH3");
+
+var $fpnh0 = parcelRequire("fpnh0");
+const $6bd994e5ef61a032$var$LanguageChoice = ()=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const supported = (0, $6Q0mk.useLocaleStore)((state)=>state.supported);
+    const skipWelcome = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.skipWelcome);
+    const setCurrentSubView = (0, $7eio0.useUtilsStore)((state)=>state.actions.setCurrentSubView);
+    const setLocale = (0, $6Q0mk.useLocaleStore)((state)=>state.actions.setLocale);
+    const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const [currentLanguage, setCurrentLanguage] = (0, $381Go$react.useState)(locale);
+    const handleClose = (changed)=>{
+        setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+        // Only send events when language has not been changed, either way it will collide with the TriggerWelcome event
+        if (!changed) {
+            sendEvent('Davi.CloseWindow', null);
+            sendEvent('Davi.CloseWindowLanguages', null);
+        }
+    };
+    const handleChange = (language)=>{
+        setCurrentLanguage(language);
+    };
+    /**
+   * Change current locale with the one selected if they are different.
+   * Send a 'TriggerWelcome' event to get the welcome message in the new language.
+   * @param language string
+   */ const handleSelect = (language)=>{
+        const changed = language !== locale;
+        if (changed) {
+            setLocale(language);
+            !skipWelcome && setTimeout(()=>{
+                sendEvent('TriggerWelcome', undefined);
+            }, 150);
+        }
+        handleClose(changed);
+    };
+    return /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsxs)((0, $a3uH3.SubMenuClosing), {
+        handleClose: ()=>handleClose(false),
+        children: [
+            /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsx)("div", {
+                className: "large:rf-mt-[20vh] large-tactile:rf-mt-0 rf-title-bold-size-auto rf-font-bold",
+                children: (0, $9JtA7.capitalizeFirstLetter)(translation.language.change, locale)
+            }),
+            /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsx)("div", {
+                className: "rf-text-lightgray rf-pt-1 rf-pb-2",
+                children: (0, $9JtA7.capitalizeFirstLetter)(translation.language.select, locale)
+            }),
+            supported.map((language, key)=>{
+                return /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsx)("div", {
+                    className: `rf-w-full rf-py-4 rf-border-t rf-border-t-menuBorder ${key === 0 && 'large:rf-border-t-0'}`,
+                    children: /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsx)((0, $fpnh0.Radio), {
+                        title: (0, (/*@__PURE__*/$parcel$interopDefault($exo5b)))[language],
+                        checked: language === currentLanguage,
+                        handleChange: ()=>handleChange(language)
+                    })
+                }, key);
+            }),
+            /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsx)("div", {
+                className: "rf-w-full rf-mt-8 rf-flex rf-justify-center",
+                children: /*#__PURE__*/ (0, $381Go$reactjsxruntime.jsx)("button", {
+                    className: "rf-px-8 rf-py-3 rf-text-secondary rf-font-bold rf-border-2 rf-border-secondary rf-rounded-lg",
+                    onClick: ()=>handleSelect(currentLanguage),
+                    children: (0, $9JtA7.capitalizeFirstLetter)(translation.common.validate, locale)
+                })
+            })
+        ]
+    });
+};
+var $6bd994e5ef61a032$export$2e2bcd8739ae039 = $6bd994e5ef61a032$var$LanguageChoice;
+
+});
+
+
+//# sourceMappingURL=LanguageChoice.1579b654.js.map

package/dist/LanguageChoice.1579b654.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,uCAAiB;IACrB,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,YAAY,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,SAAS;IAC3D,MAAM,cAAc,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,aAAa,CAAC,WAAW;IAC9E,MAAM,oBAAoB,CAAA,GAAA,oBAAY,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,iBAAiB;IAClF,MAAM,YAAY,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IACnE,MAAM,YAAY,CAAA,GAAA,yBAAiB,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IAEvE,MAAM,CAAC,iBAAiB,mBAAmB,GAAG,CAAA,GAAA,qBAAO,EAAU;IAE/D,MAAM,cAAc,CAAC;QACnB,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QAErC,gHAAgH;QAChH,IAAI,CAAC,SAAS;YACZ,UAAU,oBAAoB;YAC9B,UAAU,6BAA6B;QACzC;IACF;IAEA,MAAM,eAAe,CAAC;QACpB,mBAAmB;IACrB;IAEA;;;;GAIC,GACD,MAAM,eAAe,CAAC;QACpB,MAAM,UAAU,aAAa;QAC7B,IAAI,SAAS;YACX,UAAU;YACV,CAAC,eACC,WAAW;gBACT,UAAU,kBAAkB;YAC9B,GAAG;QACP;QAEA,YAAY;IACd;IAEA,qBACE,iCAAC,CAAA,GAAA,qBAAO;QAAE,aAAa,IAAM,YAAY;;0BAEvC,gCAAC;gBAAI,WAAU;0BAAiF,CAAA,GAAA,4BAAoB,EAAE,YAAY,QAAQ,CAAC,MAAM,EAAE;;0BAGnJ,gCAAC;gBAAI,WAAU;0BAAqC,CAAA,GAAA,4BAAoB,EAAE,YAAY,QAAQ,CAAC,MAAM,EAAE;;YAGtG,UAAU,GAAG,CAAC,CAAC,UAAU;gBACxB,qBACE,gCAAC;oBAAc,WAAW,CAAC,qDAAqD,EAAE,QAAQ,KAAK,uBAAuB;8BACpH,cAAA,gCAAC,CAAA,GAAA,YAAI;wBAAE,OAAO,CAAA,GAAA,6CAAqB,CAAC,CAAC,SAAS;wBAAE,SAAS,aAAa;wBAAiB,cAAc,IAAY,aAAa;;mBADtH;YAId;0BAGA,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC;oBAAO,WAAU;oBAA+F,SAAS,IAAY,aAAa;8BAChJ,CAAA,GAAA,4BAAoB,EAAE,YAAY,MAAM,CAAC,QAAQ,EAAE;;;;;AAK9D;IAEA,2CAAe","sources":["src/components/Language/LanguageChoice.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport languageInMotherTongue from '../../translations/languageCodeToMotherTongue.json'\r\nimport { CurrentSubView } from '../../models/enums'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\nimport { SubMenuClosing as Template } from '../Templates'\r\nimport { Radio } from '../Utils'\r\n\r\nconst LanguageChoice = (): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const supported = useLocaleStore((state) => state.supported)\r\n  const skipWelcome = useRetorikStore((state) => state.configuration.skipWelcome)\r\n  const setCurrentSubView = useUtilsStore((state) => state.actions.setCurrentSubView)\r\n  const setLocale = useLocaleStore((state) => state.actions.setLocale)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [currentLanguage, setCurrentLanguage] = useState<string>(locale)\r\n\r\n  const handleClose = (changed?: boolean): void => {\r\n    setCurrentSubView(CurrentSubView.none)\r\n\r\n    // Only send events when language has not been changed, either way it will collide with the TriggerWelcome event\r\n    if (!changed) {\r\n      sendEvent('Davi.CloseWindow', null)\r\n      sendEvent('Davi.CloseWindowLanguages', null)\r\n    }\r\n  }\r\n\r\n  const handleChange = (language: string): void => {\r\n    setCurrentLanguage(language)\r\n  }\r\n\r\n  /**\r\n   * Change current locale with the one selected if they are different.\r\n   * Send a 'TriggerWelcome' event to get the welcome message in the new language.\r\n   * @param language string\r\n   */\r\n  const handleSelect = (language: string): void => {\r\n    const changed = language !== locale\r\n    if (changed) {\r\n      setLocale(language)\r\n      !skipWelcome &&\r\n        setTimeout(() => {\r\n          sendEvent('TriggerWelcome', undefined)\r\n        }, 150)\r\n    }\r\n\r\n    handleClose(changed)\r\n  }\r\n\r\n  return (\r\n    <Template handleClose={() => handleClose(false)}>\r\n      {/* Title */}\r\n      <div className='large:rf-mt-[20vh] large-tactile:rf-mt-0 rf-title-bold-size-auto rf-font-bold'>{capitalizeFirstLetter(translation.language.change, locale)}</div>\r\n\r\n      {/* Subtitle */}\r\n      <div className='rf-text-lightgray rf-pt-1 rf-pb-2'>{capitalizeFirstLetter(translation.language.select, locale)}</div>\r\n\r\n      {/* Languages */}\r\n      {supported.map((language, key) => {\r\n        return (\r\n          <div key={key} className={`rf-w-full rf-py-4 rf-border-t rf-border-t-menuBorder ${key === 0 && 'large:rf-border-t-0'}`}>\r\n            <Radio title={languageInMotherTongue[language]} checked={language === currentLanguage} handleChange={(): void => handleChange(language)} />\r\n          </div>\r\n        )\r\n      })}\r\n\r\n      {/* Validation button */}\r\n      <div className='rf-w-full rf-mt-8 rf-flex rf-justify-center'>\r\n        <button className='rf-px-8 rf-py-3 rf-text-secondary rf-font-bold rf-border-2 rf-border-secondary rf-rounded-lg' onClick={(): void => handleSelect(currentLanguage)}>\r\n          {capitalizeFirstLetter(translation.common.validate, locale)}\r\n        </button>\r\n      </div>\r\n    </Template>\r\n  )\r\n}\r\n\r\nexport default LanguageChoice\r\n"],"names":[],"version":3,"file":"LanguageChoice.1579b654.js.map","sourceRoot":"../"}

package/dist/LanguageChoice.61e36c1d.js

@@ -0,0 +1,116 @@
+import {jsxs as $9NOUt$jsxs, jsx as $9NOUt$jsx} from "react/jsx-runtime";
+import {useState as $9NOUt$useState} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global = globalThis;
+    var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("4HBCW", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $4545a6dcb65287bd$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $8dUAa = parcelRequire("8dUAa");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $7pypd = parcelRequire("7pypd");
+
+var $gQ55S = parcelRequire("gQ55S");
+
+var $9lsRd = parcelRequire("9lsRd");
+const $4545a6dcb65287bd$var$LanguageChoice = ()=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const supported = (0, $2fuDN.useLocaleStore)((state)=>state.supported);
+    const skipWelcome = (0, $1x02c.useRetorikStore)((state)=>state.configuration.skipWelcome);
+    const setCurrentSubView = (0, $j67YK.useUtilsStore)((state)=>state.actions.setCurrentSubView);
+    const setLocale = (0, $2fuDN.useLocaleStore)((state)=>state.actions.setLocale);
+    const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const [currentLanguage, setCurrentLanguage] = (0, $9NOUt$useState)(locale);
+    const handleClose = (changed)=>{
+        setCurrentSubView((0, $4ucVo.CurrentSubView).none);
+        // Only send events when language has not been changed, either way it will collide with the TriggerWelcome event
+        if (!changed) {
+            sendEvent('Davi.CloseWindow', null);
+            sendEvent('Davi.CloseWindowLanguages', null);
+        }
+    };
+    const handleChange = (language)=>{
+        setCurrentLanguage(language);
+    };
+    /**
+   * Change current locale with the one selected if they are different.
+   * Send a 'TriggerWelcome' event to get the welcome message in the new language.
+   * @param language string
+   */ const handleSelect = (language)=>{
+        const changed = language !== locale;
+        if (changed) {
+            setLocale(language);
+            !skipWelcome && setTimeout(()=>{
+                sendEvent('TriggerWelcome', undefined);
+            }, 150);
+        }
+        handleClose(changed);
+    };
+    return /*#__PURE__*/ (0, $9NOUt$jsxs)((0, $gQ55S.SubMenuClosing), {
+        handleClose: ()=>handleClose(false),
+        children: [
+            /*#__PURE__*/ (0, $9NOUt$jsx)("div", {
+                className: "large:rf-mt-[20vh] large-tactile:rf-mt-0 rf-title-bold-size-auto rf-font-bold",
+                children: (0, $7pypd.capitalizeFirstLetter)(translation.language.change, locale)
+            }),
+            /*#__PURE__*/ (0, $9NOUt$jsx)("div", {
+                className: "rf-text-lightgray rf-pt-1 rf-pb-2",
+                children: (0, $7pypd.capitalizeFirstLetter)(translation.language.select, locale)
+            }),
+            supported.map((language, key)=>{
+                return /*#__PURE__*/ (0, $9NOUt$jsx)("div", {
+                    className: `rf-w-full rf-py-4 rf-border-t rf-border-t-menuBorder ${key === 0 && 'large:rf-border-t-0'}`,
+                    children: /*#__PURE__*/ (0, $9NOUt$jsx)((0, $9lsRd.Radio), {
+                        title: (0, (/*@__PURE__*/$parcel$interopDefault($8dUAa)))[language],
+                        checked: language === currentLanguage,
+                        handleChange: ()=>handleChange(language)
+                    })
+                }, key);
+            }),
+            /*#__PURE__*/ (0, $9NOUt$jsx)("div", {
+                className: "rf-w-full rf-mt-8 rf-flex rf-justify-center",
+                children: /*#__PURE__*/ (0, $9NOUt$jsx)("button", {
+                    className: "rf-px-8 rf-py-3 rf-text-secondary rf-font-bold rf-border-2 rf-border-secondary rf-rounded-lg",
+                    onClick: ()=>handleSelect(currentLanguage),
+                    children: (0, $7pypd.capitalizeFirstLetter)(translation.common.validate, locale)
+                })
+            })
+        ]
+    });
+};
+var $4545a6dcb65287bd$export$2e2bcd8739ae039 = $4545a6dcb65287bd$var$LanguageChoice;
+
+});
+
+
+//# sourceMappingURL=LanguageChoice.61e36c1d.js.map

package/dist/LanguageChoice.61e36c1d.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,uCAAiB;IACrB,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,mBAAmB;IACvE,MAAM,SAAS,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,MAAM;IACrD,MAAM,YAAY,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,SAAS;IAC3D,MAAM,cAAc,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,aAAa,CAAC,WAAW;IAC9E,MAAM,oBAAoB,CAAA,GAAA,oBAAY,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,iBAAiB;IAClF,MAAM,YAAY,CAAA,GAAA,qBAAa,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IACnE,MAAM,YAAY,CAAA,GAAA,yBAAiB,EAAE,CAAC,QAAU,MAAM,OAAO,CAAC,SAAS;IAEvE,MAAM,CAAC,iBAAiB,mBAAmB,GAAG,CAAA,GAAA,eAAO,EAAU;IAE/D,MAAM,cAAc,CAAC;QACnB,kBAAkB,CAAA,GAAA,qBAAa,EAAE,IAAI;QAErC,gHAAgH;QAChH,IAAI,CAAC,SAAS;YACZ,UAAU,oBAAoB;YAC9B,UAAU,6BAA6B;QACzC;IACF;IAEA,MAAM,eAAe,CAAC;QACpB,mBAAmB;IACrB;IAEA;;;;GAIC,GACD,MAAM,eAAe,CAAC;QACpB,MAAM,UAAU,aAAa;QAC7B,IAAI,SAAS;YACX,UAAU;YACV,CAAC,eACC,WAAW;gBACT,UAAU,kBAAkB;YAC9B,GAAG;QACP;QAEA,YAAY;IACd;IAEA,qBACE,iBAAC,CAAA,GAAA,qBAAO;QAAE,aAAa,IAAM,YAAY;;0BAEvC,gBAAC;gBAAI,WAAU;0BAAiF,CAAA,GAAA,4BAAoB,EAAE,YAAY,QAAQ,CAAC,MAAM,EAAE;;0BAGnJ,gBAAC;gBAAI,WAAU;0BAAqC,CAAA,GAAA,4BAAoB,EAAE,YAAY,QAAQ,CAAC,MAAM,EAAE;;YAGtG,UAAU,GAAG,CAAC,CAAC,UAAU;gBACxB,qBACE,gBAAC;oBAAc,WAAW,CAAC,qDAAqD,EAAE,QAAQ,KAAK,uBAAuB;8BACpH,cAAA,gBAAC,CAAA,GAAA,YAAI;wBAAE,OAAO,CAAA,GAAA,6CAAqB,CAAC,CAAC,SAAS;wBAAE,SAAS,aAAa;wBAAiB,cAAc,IAAY,aAAa;;mBADtH;YAId;0BAGA,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC;oBAAO,WAAU;oBAA+F,SAAS,IAAY,aAAa;8BAChJ,CAAA,GAAA,4BAAoB,EAAE,YAAY,MAAM,CAAC,QAAQ,EAAE;;;;;AAK9D;IAEA,2CAAe","sources":["src/components/Language/LanguageChoice.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { useLocaleStore } from '../Contexts/LocaleContext'\r\nimport { useUtilsStore } from '../Contexts/UtilsContext'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\nimport { useDirectlineStore } from '../Contexts/DirectlineContext'\r\n\r\nimport languageInMotherTongue from '../../translations/languageCodeToMotherTongue.json'\r\nimport { CurrentSubView } from '../../models/enums'\r\nimport { capitalizeFirstLetter } from '../../utils/capitalizeFirstLetter'\r\n\r\nimport { SubMenuClosing as Template } from '../Templates'\r\nimport { Radio } from '../Utils'\r\n\r\nconst LanguageChoice = (): JSX.Element => {\r\n  const translation = useLocaleStore((state) => state.currentTranslations)\r\n  const locale = useLocaleStore((state) => state.locale)\r\n  const supported = useLocaleStore((state) => state.supported)\r\n  const skipWelcome = useRetorikStore((state) => state.configuration.skipWelcome)\r\n  const setCurrentSubView = useUtilsStore((state) => state.actions.setCurrentSubView)\r\n  const setLocale = useLocaleStore((state) => state.actions.setLocale)\r\n  const sendEvent = useDirectlineStore((state) => state.actions.sendEvent)\r\n\r\n  const [currentLanguage, setCurrentLanguage] = useState<string>(locale)\r\n\r\n  const handleClose = (changed?: boolean): void => {\r\n    setCurrentSubView(CurrentSubView.none)\r\n\r\n    // Only send events when language has not been changed, either way it will collide with the TriggerWelcome event\r\n    if (!changed) {\r\n      sendEvent('Davi.CloseWindow', null)\r\n      sendEvent('Davi.CloseWindowLanguages', null)\r\n    }\r\n  }\r\n\r\n  const handleChange = (language: string): void => {\r\n    setCurrentLanguage(language)\r\n  }\r\n\r\n  /**\r\n   * Change current locale with the one selected if they are different.\r\n   * Send a 'TriggerWelcome' event to get the welcome message in the new language.\r\n   * @param language string\r\n   */\r\n  const handleSelect = (language: string): void => {\r\n    const changed = language !== locale\r\n    if (changed) {\r\n      setLocale(language)\r\n      !skipWelcome &&\r\n        setTimeout(() => {\r\n          sendEvent('TriggerWelcome', undefined)\r\n        }, 150)\r\n    }\r\n\r\n    handleClose(changed)\r\n  }\r\n\r\n  return (\r\n    <Template handleClose={() => handleClose(false)}>\r\n      {/* Title */}\r\n      <div className='large:rf-mt-[20vh] large-tactile:rf-mt-0 rf-title-bold-size-auto rf-font-bold'>{capitalizeFirstLetter(translation.language.change, locale)}</div>\r\n\r\n      {/* Subtitle */}\r\n      <div className='rf-text-lightgray rf-pt-1 rf-pb-2'>{capitalizeFirstLetter(translation.language.select, locale)}</div>\r\n\r\n      {/* Languages */}\r\n      {supported.map((language, key) => {\r\n        return (\r\n          <div key={key} className={`rf-w-full rf-py-4 rf-border-t rf-border-t-menuBorder ${key === 0 && 'large:rf-border-t-0'}`}>\r\n            <Radio title={languageInMotherTongue[language]} checked={language === currentLanguage} handleChange={(): void => handleChange(language)} />\r\n          </div>\r\n        )\r\n      })}\r\n\r\n      {/* Validation button */}\r\n      <div className='rf-w-full rf-mt-8 rf-flex rf-justify-center'>\r\n        <button className='rf-px-8 rf-py-3 rf-text-secondary rf-font-bold rf-border-2 rf-border-secondary rf-rounded-lg' onClick={(): void => handleSelect(currentLanguage)}>\r\n          {capitalizeFirstLetter(translation.common.validate, locale)}\r\n        </button>\r\n      </div>\r\n    </Template>\r\n  )\r\n}\r\n\r\nexport default LanguageChoice\r\n"],"names":[],"version":3,"file":"LanguageChoice.61e36c1d.js.map"}

package/dist/LittleWeatherContainer.07937cf3.js

@@ -0,0 +1,57 @@
+var $2zHso$reactjsxruntime = require("react/jsx-runtime");
+var $2zHso$react = require("react");
+var $2zHso$daviairetorikweather = require("@davi-ai/retorik-weather");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global =
+        typeof globalThis !== 'undefined'
+          ? globalThis
+          : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+          ? global
+          : {};
+  var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("abStA", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $720db0c2597b8087$export$2e2bcd8739ae039);
+
+
+
+
+var $6EkQS = parcelRequire("6EkQS");
+const $720db0c2597b8087$var$LittleWeatherContainer = ()=>{
+    const position = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.position);
+    return (position === null || position === void 0 ? void 0 : position.latitude) && position.longitude ? /*#__PURE__*/ (0, $2zHso$reactjsxruntime.jsx)("div", {
+        className: "rf-absolute rf-top-8 rf-right-12",
+        children: /*#__PURE__*/ (0, $2zHso$reactjsxruntime.jsx)((0, $2zHso$daviairetorikweather.LittleWeather), {
+            position: {
+                latitude: position === null || position === void 0 ? void 0 : position.latitude,
+                longitude: position.longitude
+            }
+        })
+    }) : /*#__PURE__*/ (0, $2zHso$reactjsxruntime.jsx)((0, ($parcel$interopDefault($2zHso$react))).Fragment, {});
+};
+var $720db0c2597b8087$export$2e2bcd8739ae039 = $720db0c2597b8087$var$LittleWeatherContainer;
+
+});
+
+
+//# sourceMappingURL=LittleWeatherContainer.07937cf3.js.map

package/dist/LittleWeatherContainer.07937cf3.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,+CAAyB;IAC7B,MAAM,WAAW,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,aAAa,CAAC,QAAQ;IAExE,OAAO,CAAA,qBAAA,+BAAA,SAAU,QAAQ,KAAI,SAAS,SAAS,iBAC7C,gCAAC;QAAI,WAAU;kBACb,cAAA,gCAAC,CAAA,GAAA,yCAAY;YACX,UAAU;gBACR,QAAQ,EAAE,qBAAA,+BAAA,SAAU,QAAQ;gBAC5B,WAAW,SAAS,SAAS;YAC/B;;uBAIJ,gCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;AAEnB;IAEA,2CAAe","sources":["src/components/Weather/LittleWeatherContainer.tsx"],"sourcesContent":["import React from 'react'\r\n// @ts-ignore\r\nimport { LittleWeather } from '@davi-ai/retorik-weather'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\n\r\nconst LittleWeatherContainer = (): JSX.Element => {\r\n  const position = useRetorikStore((state) => state.configuration.position)\r\n\r\n  return position?.latitude && position.longitude ? (\r\n    <div className='rf-absolute rf-top-8 rf-right-12'>\r\n      <LittleWeather\r\n        position={{\r\n          latitude: position?.latitude,\r\n          longitude: position.longitude\r\n        }}\r\n      />\r\n    </div>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default LittleWeatherContainer\r\n"],"names":[],"version":3,"file":"LittleWeatherContainer.07937cf3.js.map","sourceRoot":"../"}

package/dist/LittleWeatherContainer.d27a6b8a.js

@@ -0,0 +1,44 @@
+import {jsx as $e3Bg1$jsx} from "react/jsx-runtime";
+import $e3Bg1$react from "react";
+import {LittleWeather as $e3Bg1$LittleWeather} from "@davi-ai/retorik-weather";
+
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global = globalThis;
+    var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("fHvs2", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $6d2ce7f2333e28f1$export$2e2bcd8739ae039);
+
+
+
+
+var $1x02c = parcelRequire("1x02c");
+const $6d2ce7f2333e28f1$var$LittleWeatherContainer = ()=>{
+    const position = (0, $1x02c.useRetorikStore)((state)=>state.configuration.position);
+    return position?.latitude && position.longitude ? /*#__PURE__*/ (0, $e3Bg1$jsx)("div", {
+        className: "rf-absolute rf-top-8 rf-right-12",
+        children: /*#__PURE__*/ (0, $e3Bg1$jsx)((0, $e3Bg1$LittleWeather), {
+            position: {
+                latitude: position?.latitude,
+                longitude: position.longitude
+            }
+        })
+    }) : /*#__PURE__*/ (0, $e3Bg1$jsx)((0, $e3Bg1$react).Fragment, {});
+};
+var $6d2ce7f2333e28f1$export$2e2bcd8739ae039 = $6d2ce7f2333e28f1$var$LittleWeatherContainer;
+
+});
+
+
+//# sourceMappingURL=LittleWeatherContainer.d27a6b8a.js.map

package/dist/LittleWeatherContainer.d27a6b8a.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,+CAAyB;IAC7B,MAAM,WAAW,CAAA,GAAA,sBAAc,EAAE,CAAC,QAAU,MAAM,aAAa,CAAC,QAAQ;IAExE,OAAO,UAAU,YAAY,SAAS,SAAS,iBAC7C,gBAAC;QAAI,WAAU;kBACb,cAAA,gBAAC,CAAA,GAAA,oBAAY;YACX,UAAU;gBACR,UAAU,UAAU;gBACpB,WAAW,SAAS,SAAS;YAC/B;;uBAIJ,gBAAC,CAAA,GAAA,YAAI,EAAE,QAAQ;AAEnB;IAEA,2CAAe","sources":["src/components/Weather/LittleWeatherContainer.tsx"],"sourcesContent":["import React from 'react'\r\n// @ts-ignore\r\nimport { LittleWeather } from '@davi-ai/retorik-weather'\r\nimport { useRetorikStore } from '../Contexts/RetorikContext'\r\n\r\nconst LittleWeatherContainer = (): JSX.Element => {\r\n  const position = useRetorikStore((state) => state.configuration.position)\r\n\r\n  return position?.latitude && position.longitude ? (\r\n    <div className='rf-absolute rf-top-8 rf-right-12'>\r\n      <LittleWeather\r\n        position={{\r\n          latitude: position?.latitude,\r\n          longitude: position.longitude\r\n        }}\r\n      />\r\n    </div>\r\n  ) : (\r\n    <React.Fragment />\r\n  )\r\n}\r\n\r\nexport default LittleWeatherContainer\r\n"],"names":[],"version":3,"file":"LittleWeatherContainer.d27a6b8a.js.map"}