@websolutespa/llm-plugin-maxmeyer 0.0.1

package/dist/esm/blocks/FormRecap/FormRecap.js

@@ -0,0 +1,250 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { Cta, useLlm } from '@websolutespa/bom-mixer-llm';
+import React from 'react';
+import style from './form-recap.module.scss';
+export const FormRecap = ()=>{
+    const label = useLabel();
+    const app = useLlm((state)=>state.app);
+    const threadId = useLlm((state)=>state.threadId);
+    const { formRecap, getApi } = useLlm((state)=>state.actions);
+    const onSubmit = async (event)=>{
+        event.preventDefault();
+        try {
+            const formData = new FormData(event.target);
+            const data = {};
+            for (const [key, value] of formData){
+                data[key] = value;
+            }
+            data.threadId = threadId;
+            const payload = {
+                ...data,
+                html: getEmailHtml(data, app)
+            };
+            const api = getApi();
+            const response = await api.postSummary(payload);
+            if (response) {
+                console.warn('FormRecap.onSubmit.success', response, payload);
+                formRecap();
+            } else {
+                console.warn('FormRecap.onSubmit.error');
+                formRecap({
+                    message: 'unknown error'
+                });
+            }
+        } catch (error) {
+            console.warn('FormRecap.onSubmit.error', error);
+            formRecap(error);
+        }
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: style.formRecap,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: style.formRecapWrapper,
+            children: /*#__PURE__*/ _jsxs("form", {
+                className: style.formRecapForm,
+                onSubmit: onSubmit,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: style.formRecapTitle,
+                        children: label('llm.formRecapTitle')
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: style.formRecapFields,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: style.formRecapField,
+                                children: /*#__PURE__*/ _jsx("input", {
+                                    type: "text",
+                                    name: "fullName",
+                                    id: "subscribe-fullName",
+                                    placeholder: label('llm.formRecapFullName')
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: style.formRecapField,
+                                children: /*#__PURE__*/ _jsx("input", {
+                                    type: "email",
+                                    name: "email",
+                                    id: "subscribe-email",
+                                    placeholder: label('llm.formRecapEmail')
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: getClassNames(style.formRecapField, style.formRecapFieldPrivacy),
+                                children: [
+                                    /*#__PURE__*/ _jsx("input", {
+                                        type: "checkbox",
+                                        name: "privacy",
+                                        id: "subscribe-privacy"
+                                    }),
+                                    /*#__PURE__*/ _jsx("label", {
+                                        htmlFor: "subscribe-privacy",
+                                        children: label('llm.formRecapPrivacy')
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: style.formRecapCta,
+                                children: /*#__PURE__*/ _jsx(Cta, {
+                                    type: "submit",
+                                    label: label('llm.formRecapSend')
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+export function getEmailHtml(data, app) {
+    const firstName = data.fullName ? data.fullName.split(' ')[0] : '';
+    const name = app?.contents?.shortWelcomeText || 'PlatformAI';
+    const title = `Ciao ${firstName}`;
+    const paragraphs = `<p>${[
+        'Ecco il tuo promemoria,',
+        'per qualunque altra cosa sai dove potermi trovare, sarò sempre lieto di parlare con te. 👋'
+    ].join('</p><p>')}</p>`;
+    const colorAccent = '#00aeff';
+    const threadUrl = window.location.href + `${window.location.search ? '&' : '?'}llmThreadId=${data.threadId}`;
+    return `
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+
+<head>
+  <title> ${title} </title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
+
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
+
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
+
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
+
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
+        <noscript>
+        <xml>
+        <o:OfficeDocumentSettings>
+          <o:AllowPNG/>
+          <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+        </xml>
+        </noscript>
+        <![endif]-->
+  <!--[if lte mso 11]>
+        <style type="text/css">
+          .mj-outlook-group-fix { width:100% !important; }
+        </style>
+        <![endif]-->
+  <!--[if !mso]><!-->
+  <link href="https://fonts.googleapis.com/css?family=Inter:400,600" rel="stylesheet" type="text/css">
+  <style type="text/css">
+    @import url(https://fonts.googleapis.com/css?family=Inter:400,600);
+  </style>
+  <!--<![endif]-->
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
+        width: 100% !important;
+        max-width: 100%;
+      }
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+  </style>
+</head>
+
+<body style="word-spacing:normal;">
+  <div style="">
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:0px;padding-top:20px;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                        <div style="font-family:Inter;font-size:20px;font-weight:600;line-height:24px;text-align:left;color:#3b3b3b;">${name}</div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                        <p style="border-top:solid 3px #EFEFF2;font-size:1px;margin:0px auto;width:100%;">
+                        </p>
+                        <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 3px #EFEFF2;font-size:1px;margin:0px auto;width:550px;" role="presentation" width="550px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                        <div style="font-family:Inter;font-size:28px;font-weight:600;line-height:24px;text-align:left;color:#3b3b3b;">${title}</div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                        <div style="font-family:Inter, Helvetica, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#555555;">${paragraphs} <h3 style="font-weight: 600; margin-top: 20px; margin-bottom: 0">
+                            <a href="${threadUrl}" style="color: ${colorAccent}; text-decoration: underline">link</a>
+                          </h3>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
+
+</html>
+`;
+}
+
+//# sourceMappingURL=FormRecap.js.map

package/dist/esm/blocks/FormRecap/FormRecap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/FormRecap/FormRecap.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport { Cta, FormRecapData, LlmApp, PostSummaryOptions, useLlm } from '@websolutespa/bom-mixer-llm';\nimport React, { FormEvent } from 'react';\nimport style from './form-recap.module.scss';\n\nexport const FormRecap: React.FC = () => {\n  const label = useLabel();\n  const app = useLlm(state => state.app);\n  const threadId = useLlm(state => state.threadId);\n  const { formRecap, getApi } = useLlm(state => state.actions);\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    try {\n      const formData = new FormData(event.target as HTMLFormElement);\n      const data: Partial<FormRecapData> = {};\n      for (const [key, value] of formData) {\n        data[key as keyof typeof data] = value as string;\n      }\n      data.threadId = threadId;\n      const payload: PostSummaryOptions = {\n        ...(data as FormRecapData),\n        html: getEmailHtml(data as Required<FormRecapData>, app),\n      };\n      const api = getApi();\n      const response = await api.postSummary(payload);\n      if (response) {\n        console.warn('FormRecap.onSubmit.success', response, payload);\n        formRecap();\n      } else {\n        console.warn('FormRecap.onSubmit.error');\n        formRecap({ message: 'unknown error' });\n      }\n    } catch (error) {\n      console.warn('FormRecap.onSubmit.error', error);\n      formRecap(error);\n    }\n  };\n\n  return (\n    <div className={style.formRecap}>\n      <div className={style.formRecapWrapper}>\n        <form className={style.formRecapForm} onSubmit={onSubmit}>\n          <div className={style.formRecapTitle}>{label('llm.formRecapTitle')}</div>\n          <div className={style.formRecapFields}>\n            <div className={style.formRecapField}>\n              <input type=\"text\" name=\"fullName\" id=\"subscribe-fullName\" placeholder={label('llm.formRecapFullName')} />\n            </div>\n            <div className={style.formRecapField}>\n              <input type=\"email\" name=\"email\" id=\"subscribe-email\" placeholder={label('llm.formRecapEmail')} />\n            </div>\n            <div className={getClassNames(style.formRecapField, style.formRecapFieldPrivacy)}>\n              <input type=\"checkbox\" name=\"privacy\" id=\"subscribe-privacy\" />\n              <label htmlFor=\"subscribe-privacy\">{label('llm.formRecapPrivacy')}</label>\n            </div>\n            <div className={style.formRecapCta}>\n              <Cta type=\"submit\" label={label('llm.formRecapSend')} />\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n};\n\nexport function getEmailHtml(data: FormRecapData, app?: LlmApp): string {\n  const firstName = data.fullName ? data.fullName.split(' ')[0] : '';\n  const name = app?.contents?.shortWelcomeText || 'PlatformAI';\n  const title = `Ciao ${firstName}`;\n  const paragraphs = `<p>${[\n    'Ecco il tuo promemoria,',\n    'per qualunque altra cosa sai dove potermi trovare, sarò sempre lieto di parlare con te. 👋',\n  ].join('</p><p>')}</p>`;\n  const colorAccent = '#00aeff';\n  const threadUrl = window.location.href + `${window.location.search ? '&' : '?'}llmThreadId=${data.threadId}`;\n  return `\n<!doctype html>\n<html xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n\n<head>\n  <title> ${title} </title>\n  <!--[if !mso]><!-->\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <!--<![endif]-->\n  <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <style type=\"text/css\">\n    #outlook a {\n      padding: 0;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n      -webkit-text-size-adjust: 100%;\n      -ms-text-size-adjust: 100%;\n    }\n\n    table,\n    td {\n      border-collapse: collapse;\n      mso-table-lspace: 0pt;\n      mso-table-rspace: 0pt;\n    }\n\n    img {\n      border: 0;\n      height: auto;\n      line-height: 100%;\n      outline: none;\n      text-decoration: none;\n      -ms-interpolation-mode: bicubic;\n    }\n\n    p {\n      display: block;\n      margin: 13px 0;\n    }\n  </style>\n  <!--[if mso]>\n        <noscript>\n        <xml>\n        <o:OfficeDocumentSettings>\n          <o:AllowPNG/>\n          <o:PixelsPerInch>96</o:PixelsPerInch>\n        </o:OfficeDocumentSettings>\n        </xml>\n        </noscript>\n        <![endif]-->\n  <!--[if lte mso 11]>\n        <style type=\"text/css\">\n          .mj-outlook-group-fix { width:100% !important; }\n        </style>\n        <![endif]-->\n  <!--[if !mso]><!-->\n  <link href=\"https://fonts.googleapis.com/css?family=Inter:400,600\" rel=\"stylesheet\" type=\"text/css\">\n  <style type=\"text/css\">\n    @import url(https://fonts.googleapis.com/css?family=Inter:400,600);\n  </style>\n  <!--<![endif]-->\n  <style type=\"text/css\">\n    @media only screen and (min-width:480px) {\n      .mj-column-per-100 {\n        width: 100% !important;\n        max-width: 100%;\n      }\n    }\n  </style>\n  <style media=\"screen and (min-width:480px)\">\n    .moz-text-html .mj-column-per-100 {\n      width: 100% !important;\n      max-width: 100%;\n    }\n  </style>\n  <style type=\"text/css\">\n  </style>\n</head>\n\n<body style=\"word-spacing:normal;\">\n  <div style=\"\">\n    <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" style=\"width:600px;\" width=\"600\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n    <div style=\"margin:0px auto;max-width:600px;\">\n      <table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n        <tbody>\n          <tr>\n            <td style=\"direction:ltr;font-size:0px;padding:0px;padding-top:20px;text-align:center;\">\n              <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"\" style=\"vertical-align:top;width:600px;\" ><![endif]-->\n              <div class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n                <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n                  <tbody>\n                    <tr>\n                      <td align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                        <div style=\"font-family:Inter;font-size:20px;font-weight:600;line-height:24px;text-align:left;color:#3b3b3b;\">${name}</div>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                        <p style=\"border-top:solid 3px #EFEFF2;font-size:1px;margin:0px auto;width:100%;\">\n                        </p>\n                        <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 3px #EFEFF2;font-size:1px;margin:0px auto;width:550px;\" role=\"presentation\" width=\"550px\" ><tr><td style=\"height:0;line-height:0;\"> &nbsp;\n</td></tr></table><![endif]-->\n                      </td>\n                    </tr>\n                    <tr>\n                      <td align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                        <div style=\"font-family:Inter;font-size:28px;font-weight:600;line-height:24px;text-align:left;color:#3b3b3b;\">${title}</div>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                        <div style=\"font-family:Inter, Helvetica, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#555555;\">${paragraphs} <h3 style=\"font-weight: 600; margin-top: 20px; margin-bottom: 0\">\n                            <a href=\"${threadUrl}\" style=\"color: ${colorAccent}; text-decoration: underline\">link</a>\n                          </h3>\n                        </div>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n              <!--[if mso | IE]></td></tr></table><![endif]-->\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    <!--[if mso | IE]></td></tr></table><![endif]-->\n  </div>\n</body>\n\n</html>\n`;\n}\n"],"names":["getClassNames","useLabel","Cta","useLlm","React","style","FormRecap","label","app","state","threadId","formRecap","getApi","actions","onSubmit","event","preventDefault","formData","FormData","target","data","key","value","payload","html","getEmailHtml","api","response","postSummary","console","warn","message","error","div","className","formRecapWrapper","form","formRecapForm","formRecapTitle","formRecapFields","formRecapField","input","type","name","id","placeholder","formRecapFieldPrivacy","htmlFor","formRecapCta","firstName","fullName","split","contents","shortWelcomeText","title","paragraphs","join","colorAccent","threadUrl","window","location","href","search"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,GAAG,EAA6CC,MAAM,QAAQ,8BAA8B;AACrG,OAAOC,WAA0B,QAAQ;AACzC,OAAOC,WAAW,2BAA2B;AAE7C,OAAO,MAAMC,YAAsB;IACjC,MAAMC,QAAQN;IACd,MAAMO,MAAML,OAAOM,CAAAA,QAASA,MAAMD,GAAG;IACrC,MAAME,WAAWP,OAAOM,CAAAA,QAASA,MAAMC,QAAQ;IAC/C,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGT,OAAOM,CAAAA,QAASA,MAAMI,OAAO;IAE3D,MAAMC,WAAW,OAAOC;QACtBA,MAAMC,cAAc;QACpB,IAAI;YACF,MAAMC,WAAW,IAAIC,SAASH,MAAMI,MAAM;YAC1C,MAAMC,OAA+B,CAAC;YACtC,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIL,SAAU;gBACnCG,IAAI,CAACC,IAAyB,GAAGC;YACnC;YACAF,KAAKV,QAAQ,GAAGA;YAChB,MAAMa,UAA8B;gBAClC,GAAIH,IAAI;gBACRI,MAAMC,aAAaL,MAAiCZ;YACtD;YACA,MAAMkB,MAAMd;YACZ,MAAMe,WAAW,MAAMD,IAAIE,WAAW,CAACL;YACvC,IAAII,UAAU;gBACZE,QAAQC,IAAI,CAAC,8BAA8BH,UAAUJ;gBACrDZ;YACF,OAAO;gBACLkB,QAAQC,IAAI,CAAC;gBACbnB,UAAU;oBAAEoB,SAAS;gBAAgB;YACvC;QACF,EAAE,OAAOC,OAAO;YACdH,QAAQC,IAAI,CAAC,4BAA4BE;YACzCrB,UAAUqB;QACZ;IACF;IAEA,qBACE,KAACC;QAAIC,WAAW7B,MAAMM,SAAS;kBAC7B,cAAA,KAACsB;YAAIC,WAAW7B,MAAM8B,gBAAgB;sBACpC,cAAA,MAACC;gBAAKF,WAAW7B,MAAMgC,aAAa;gBAAEvB,UAAUA;;kCAC9C,KAACmB;wBAAIC,WAAW7B,MAAMiC,cAAc;kCAAG/B,MAAM;;kCAC7C,MAAC0B;wBAAIC,WAAW7B,MAAMkC,eAAe;;0CACnC,KAACN;gCAAIC,WAAW7B,MAAMmC,cAAc;0CAClC,cAAA,KAACC;oCAAMC,MAAK;oCAAOC,MAAK;oCAAWC,IAAG;oCAAqBC,aAAatC,MAAM;;;0CAEhF,KAAC0B;gCAAIC,WAAW7B,MAAMmC,cAAc;0CAClC,cAAA,KAACC;oCAAMC,MAAK;oCAAQC,MAAK;oCAAQC,IAAG;oCAAkBC,aAAatC,MAAM;;;0CAE3E,MAAC0B;gCAAIC,WAAWlC,cAAcK,MAAMmC,cAAc,EAAEnC,MAAMyC,qBAAqB;;kDAC7E,KAACL;wCAAMC,MAAK;wCAAWC,MAAK;wCAAUC,IAAG;;kDACzC,KAACrC;wCAAMwC,SAAQ;kDAAqBxC,MAAM;;;;0CAE5C,KAAC0B;gCAAIC,WAAW7B,MAAM2C,YAAY;0CAChC,cAAA,KAAC9C;oCAAIwC,MAAK;oCAASnC,OAAOA,MAAM;;;;;;;;;AAO9C,EAAE;AAEF,OAAO,SAASkB,aAAaL,IAAmB,EAAEZ,GAAY;IAC5D,MAAMyC,YAAY7B,KAAK8B,QAAQ,GAAG9B,KAAK8B,QAAQ,CAACC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG;IAChE,MAAMR,OAAOnC,KAAK4C,UAAUC,oBAAoB;IAChD,MAAMC,QAAQ,CAAC,KAAK,EAAEL,UAAU,CAAC;IACjC,MAAMM,aAAa,CAAC,GAAG,EAAE;QACvB;QACA;KACD,CAACC,IAAI,CAAC,WAAW,IAAI,CAAC;IACvB,MAAMC,cAAc;IACpB,MAAMC,YAAYC,OAAOC,QAAQ,CAACC,IAAI,GAAG,CAAC,EAAEF,OAAOC,QAAQ,CAACE,MAAM,GAAG,MAAM,IAAI,YAAY,EAAE1C,KAAKV,QAAQ,CAAC,CAAC;IAC5G,OAAO,CAAC;;;;;UAKA,EAAE4C,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sIA4FoH,EAAEX,KAAK;;;;;;;;;;;;;sIAaP,EAAEW,MAAM;;;;;6JAKe,EAAEC,WAAW;qCACrI,EAAEG,UAAU,gBAAgB,EAAED,YAAY;;;;;;;;;;;;;;;;;;;AAmB/E,CAAC;AACD"}

package/dist/esm/blocks/FormRecap/form-recap.module.scss

@@ -0,0 +1,103 @@
+@import '../../scss/mixin';
+
+.formRecapTitle {
+  @include text(display4);
+  margin-bottom: size(3);
+}
+
+.formRecapFields {
+  display: flex;
+  flex-direction: column;
+  gap: size(4);
+
+  @include bp(sm) {
+    gap: size(2);
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-items: center;
+  }
+}
+
+.formRecapCta {
+  margin: 0 auto;
+  order: 3;
+
+  @include bp(sm) {
+    order: 1;
+    margin: 0;
+  }
+}
+
+.formRecapField {
+  width: 100%;
+
+  @include bp(sm) {
+    width: auto;
+    min-width: 250px;
+  }
+
+  input[type='text'],
+  input[type='email'] {
+    @include text(label-2);
+    appearance: none;
+    display: block;
+    width: 100%;
+    height: 56px;
+    padding: 0 size(4);
+    border-radius: 5px;
+    border: var(--llm-border);
+    font-family: var(--llm-input-font-family);
+    background: var(--llm-input-background);
+    color: var(--llm-input-foreground);
+  }
+}
+
+.formRecapFieldPrivacy {
+  width: 100%;
+  order: 99;
+  position: relative;
+  order: 2;
+
+  @include bp(sm) {
+    order: auto;
+  }
+
+  label {
+    @include text(body5);
+    line-height: 140%;
+    position: relative;
+    display: block;
+    padding-left: 24px;
+    pointer-events: auto;
+    cursor: pointer;
+
+    &:before,
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      width: 16px;
+      height: 16px;
+      top: 2px;
+      left: 0;
+      border-radius: 2px;
+      border: var(--llm-checkbox-border);
+    }
+
+    &:after {
+      display: none;
+      background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNC42NjYyNSA5LjUwNTQyLTIuNzYtMi43NiAxLjI1Nzc4LTEuMjU3NzggMS41MDIyMiAxLjUwNjY3IDQuMzkxMTEtNC4zOTU1NiAxLjI1Nzc0IDEuMjU3Nzh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
+      background-repeat: no-repeat;
+      background-position: center;
+    }
+  }
+
+  input {
+    position: absolute;
+    opacity: 0;
+
+    &:checked+label:after {
+      display: block;
+    }
+  }
+}

package/dist/esm/blocks/FormRecapError/FormRecapError.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { Text } from '@websolutespa/bom-mixer-llm';
+import style from './form-recap-error.module.scss';
+export const FormRecapError = ()=>{
+    const label = useLabel();
+    return /*#__PURE__*/ _jsx("div", {
+        className: getClassNames(style.formRecapError, 'llm__row'),
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "llm__col --sm-10 --md-8 --lg-6",
+            children: /*#__PURE__*/ _jsx(Text, {
+                body: label('llm.formRecapError')
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=FormRecapError.js.map

package/dist/esm/blocks/FormRecapError/FormRecapError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/FormRecapError/FormRecapError.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport { Text } from '@websolutespa/bom-mixer-llm';\nimport style from './form-recap-error.module.scss';\n\nexport const FormRecapError: React.FC = () => {\n  const label = useLabel();\n\n  return (\n    <div className={getClassNames(style.formRecapError, 'llm__row')}>\n      <div className=\"llm__col --sm-10 --md-8 --lg-6\">\n        <Text body={label('llm.formRecapError')} />\n      </div>\n    </div>\n  );\n};\n"],"names":["getClassNames","useLabel","Text","style","FormRecapError","label","div","className","formRecapError","body"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,IAAI,QAAQ,8BAA8B;AACnD,OAAOC,WAAW,iCAAiC;AAEnD,OAAO,MAAMC,iBAA2B;IACtC,MAAMC,QAAQJ;IAEd,qBACE,KAACK;QAAIC,WAAWP,cAAcG,MAAMK,cAAc,EAAE;kBAClD,cAAA,KAACF;YAAIC,WAAU;sBACb,cAAA,KAACL;gBAAKO,MAAMJ,MAAM;;;;AAI1B,EAAE"}

package/dist/esm/blocks/FormRecapError/form-recap-error.module.scss

@@ -0,0 +1,7 @@
+@import '../../scss/mixin';
+
+.formRecapError {
+  .llm__text-body {
+    @include text(display6);
+  }
+}

package/dist/esm/blocks/FormRecapSuccess/FormRecapSuccess.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { Text } from '@websolutespa/bom-mixer-llm';
+import style from './form-recap-success.module.scss';
+export const FormRecapSuccess = ()=>{
+    const label = useLabel();
+    return /*#__PURE__*/ _jsx("div", {
+        className: getClassNames(style.formRecapSuccess, 'llm__row'),
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "llm__col --sm-10 --md-8 --lg-6",
+            children: /*#__PURE__*/ _jsx(Text, {
+                body: label('llm.formRecapSuccess')
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=FormRecapSuccess.js.map

package/dist/esm/blocks/FormRecapSuccess/FormRecapSuccess.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/FormRecapSuccess/FormRecapSuccess.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport { Text } from '@websolutespa/bom-mixer-llm';\nimport style from './form-recap-success.module.scss';\n\nexport const FormRecapSuccess: React.FC = () => {\n  const label = useLabel();\n\n  return (\n    <div className={getClassNames(style.formRecapSuccess, 'llm__row')}>\n      <div className=\"llm__col --sm-10 --md-8 --lg-6\">\n        <Text body={label('llm.formRecapSuccess')} />\n      </div>\n    </div>\n  );\n};\n"],"names":["getClassNames","useLabel","Text","style","FormRecapSuccess","label","div","className","formRecapSuccess","body"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,IAAI,QAAQ,8BAA8B;AACnD,OAAOC,WAAW,mCAAmC;AAErD,OAAO,MAAMC,mBAA6B;IACxC,MAAMC,QAAQJ;IAEd,qBACE,KAACK;QAAIC,WAAWP,cAAcG,MAAMK,gBAAgB,EAAE;kBACpD,cAAA,KAACF;YAAIC,WAAU;sBACb,cAAA,KAACL;gBAAKO,MAAMJ,MAAM;;;;AAI1B,EAAE"}

package/dist/esm/blocks/FormRecapSuccess/form-recap-success.module.scss

@@ -0,0 +1,7 @@
+@import '../../scss/mixin';
+
+.formRecapSuccess {
+  .llm__text-body {
+    @include text(display6);
+  }
+}

package/dist/esm/blocks/FormRequest/FormRequest.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { Cta, Text, useLlm } from '@websolutespa/bom-mixer-llm';
+import style from './form-request.module.scss';
+export const FormRequest = ({ last })=>{
+    const label = useLabel();
+    const { formRequest } = useLlm((state)=>state.actions);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "llm__row",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "llm__col --md-8 --lg-6",
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    body: label('llm.formRequestTitle')
+                }),
+                last && /*#__PURE__*/ _jsxs("div", {
+                    className: style.formRequestCtas,
+                    children: [
+                        /*#__PURE__*/ _jsx(Cta, {
+                            type: "simple",
+                            label: label('llm.formRequestYes'),
+                            onClick: ()=>formRequest(true)
+                        }),
+                        /*#__PURE__*/ _jsx(Cta, {
+                            type: "simple",
+                            label: label('llm.formRequestNo'),
+                            onClick: ()=>formRequest(false)
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=FormRequest.js.map

package/dist/esm/blocks/FormRequest/FormRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/FormRequest/FormRequest.tsx"],"sourcesContent":["import { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport { Cta, Text, useLlm } from '@websolutespa/bom-mixer-llm';\nimport style from './form-request.module.scss';\n\nexport const FormRequest: React.FC<{ last: boolean }> = ({ last }) => {\n  const label = useLabel();\n  const { formRequest } = useLlm(state => state.actions);\n  return (\n    <div className=\"llm__row\">\n      <div className=\"llm__col --md-8 --lg-6\">\n        <Text body={label('llm.formRequestTitle')} />\n        {last && (\n          <div className={style.formRequestCtas}>\n            <Cta type=\"simple\" label={label('llm.formRequestYes')} onClick={() => formRequest(true)} />\n            <Cta type=\"simple\" label={label('llm.formRequestNo')} onClick={() => formRequest(false)} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["useLabel","Cta","Text","useLlm","style","FormRequest","last","label","formRequest","state","actions","div","className","body","formRequestCtas","type","onClick"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,GAAG,EAAEC,IAAI,EAAEC,MAAM,QAAQ,8BAA8B;AAChE,OAAOC,WAAW,6BAA6B;AAE/C,OAAO,MAAMC,cAA2C,CAAC,EAAEC,IAAI,EAAE;IAC/D,MAAMC,QAAQP;IACd,MAAM,EAAEQ,WAAW,EAAE,GAAGL,OAAOM,CAAAA,QAASA,MAAMC,OAAO;IACrD,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,KAACV;oBAAKW,MAAMN,MAAM;;gBACjBD,sBACC,MAACK;oBAAIC,WAAWR,MAAMU,eAAe;;sCACnC,KAACb;4BAAIc,MAAK;4BAASR,OAAOA,MAAM;4BAAuBS,SAAS,IAAMR,YAAY;;sCAClF,KAACP;4BAAIc,MAAK;4BAASR,OAAOA,MAAM;4BAAsBS,SAAS,IAAMR,YAAY;;;;;;;AAM7F,EAAE"}

package/dist/esm/blocks/FormRequest/form-request.module.scss

@@ -0,0 +1,17 @@
+@import '../../scss/mixin';
+
+.formRequest {
+  &:not(:first-child) {
+    .llm__text-body {
+      @include text(display6);
+    }
+  }
+}
+
+.formRequestCtas {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: size(2);
+  margin-top: size(2);
+}

package/dist/esm/blocks/NotFound/not-found.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import style from './not-found.module.scss';
+export const NotFound = (props)=>{
+    const { item } = props;
+    const classNames = getClassNames(style.notFound, {
+        [`.notFound--${item.type}`]: !!item.type
+    });
+    return /*#__PURE__*/ _jsx("pre", {
+        className: classNames,
+        children: JSON.stringify(item, null, 2)
+    });
+};
+
+//# sourceMappingURL=not-found.js.map

package/dist/esm/blocks/NotFound/not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/NotFound/not-found.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { LlmBlock, LlmChunkUnknownItem } from '@websolutespa/bom-mixer-llm';\nimport style from './not-found.module.scss';\n\nexport const NotFound: React.FC<LlmBlock<LlmChunkUnknownItem>> = (props) => {\n  const { item } = props;\n  const classNames = getClassNames(style.notFound, { [`.notFound--${item.type}`]: !!item.type });\n  return (\n    <pre className={classNames}>{JSON.stringify(item, null, 2)}</pre>\n  );\n};\n"],"names":["getClassNames","style","NotFound","props","item","classNames","notFound","type","pre","className","JSON","stringify"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AAEvD,OAAOC,WAAW,0BAA0B;AAE5C,OAAO,MAAMC,WAAoD,CAACC;IAChE,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,aAAaL,cAAcC,MAAMK,QAAQ,EAAE;QAAE,CAAC,CAAC,WAAW,EAAEF,KAAKG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAACH,KAAKG,IAAI;IAAC;IAC5F,qBACE,KAACC;QAAIC,WAAWJ;kBAAaK,KAAKC,SAAS,CAACP,MAAM,MAAM;;AAE5D,EAAE"}

package/dist/esm/blocks/NotFound/not-found.module.scss

@@ -0,0 +1,5 @@
+.notFound {
+  border: 1px solid var(--llm-color-neutral-200);
+  border-radius: var(--llm-border-radius);
+  padding: 20px;
+}

package/dist/esm/blocks/StreamError/StreamError.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isBrowser } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { Text } from '@websolutespa/bom-mixer-llm';
+import { useState } from 'react';
+const USE_INSPECT_PARAM = false;
+function hasInspect() {
+    if (!isBrowser) {
+        return false;
+    }
+    const url = new URL(window.location.href);
+    return url.searchParams.has('inspect');
+}
+export const StreamError = (props)=>{
+    const { item } = props;
+    const label = useLabel();
+    const [show, setShow] = useState(false);
+    const shouldShowStreamError = USE_INSPECT_PARAM ? hasInspect() : true;
+    return shouldShowStreamError ? /*#__PURE__*/ _jsxs("div", {
+        className: "llm__stream-error llm__row",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "llm__stream-error__info llm__col --sm-10 --md-8 --lg-6",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        body: label('llm.streamError')
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        className: "llm__stream-error__toggle",
+                        type: "button",
+                        onClick: ()=>setShow(!show),
+                        "aria-label": show ? label('llm.hideError') : label('llm.showError'),
+                        "aria-pressed": show,
+                        children: show ? label('llm.hideError') : label('llm.showError')
+                    })
+                ]
+            }),
+            show && /*#__PURE__*/ _jsx("code", {
+                className: "llm__stream-error__error llm__hint",
+                children: JSON.stringify(item.error)
+            })
+        ]
+    }) : undefined;
+};
+
+//# sourceMappingURL=StreamError.js.map

package/dist/esm/blocks/StreamError/StreamError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/StreamError/StreamError.tsx"],"sourcesContent":["import { isBrowser } from '@websolutespa/bom-core';\nimport { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport { LlmBlock, LlmChunkError, Text } from '@websolutespa/bom-mixer-llm';\nimport { useState } from 'react';\n\nconst USE_INSPECT_PARAM = false;\n\nfunction hasInspect() {\n  if (!isBrowser) {\n    return false;\n  }\n  const url = new URL(window.location.href);\n  return url.searchParams.has('inspect');\n}\n\nexport const StreamError: React.FC<LlmBlock<LlmChunkError>> = (props) => {\n  const { item } = props;\n  const label = useLabel();\n  const [show, setShow] = useState(false);\n  const shouldShowStreamError = USE_INSPECT_PARAM ? hasInspect() : true;\n  return shouldShowStreamError ? (\n    <div className=\"llm__stream-error llm__row\">\n      <div className=\"llm__stream-error__info llm__col --sm-10 --md-8 --lg-6\">\n        <Text body={label('llm.streamError')} />\n        <button\n          className=\"llm__stream-error__toggle\"\n          type=\"button\"\n          onClick={() => setShow(!show)}\n          aria-label={show ? label('llm.hideError') : label('llm.showError')}\n          aria-pressed={show}\n        >{show ? label('llm.hideError') : label('llm.showError')}</button>\n      </div>\n      {show && (\n        <code className=\"llm__stream-error__error llm__hint\">{JSON.stringify(item.error)}</code>\n      )}\n    </div>\n  ) : undefined;\n};\n"],"names":["isBrowser","useLabel","Text","useState","USE_INSPECT_PARAM","hasInspect","url","URL","window","location","href","searchParams","has","StreamError","props","item","label","show","setShow","shouldShowStreamError","div","className","body","button","type","onClick","aria-label","aria-pressed","code","JSON","stringify","error","undefined"],"mappings":";AAAA,SAASA,SAAS,QAAQ,yBAAyB;AACnD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAAkCC,IAAI,QAAQ,8BAA8B;AAC5E,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,MAAMC,oBAAoB;AAE1B,SAASC;IACP,IAAI,CAACL,WAAW;QACd,OAAO;IACT;IACA,MAAMM,MAAM,IAAIC,IAAIC,OAAOC,QAAQ,CAACC,IAAI;IACxC,OAAOJ,IAAIK,YAAY,CAACC,GAAG,CAAC;AAC9B;AAEA,OAAO,MAAMC,cAAiD,CAACC;IAC7D,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,QAAQf;IACd,MAAM,CAACgB,MAAMC,QAAQ,GAAGf,SAAS;IACjC,MAAMgB,wBAAwBf,oBAAoBC,eAAe;IACjE,OAAOc,sCACL,MAACC;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,KAACnB;wBAAKoB,MAAMN,MAAM;;kCAClB,KAACO;wBACCF,WAAU;wBACVG,MAAK;wBACLC,SAAS,IAAMP,QAAQ,CAACD;wBACxBS,cAAYT,OAAOD,MAAM,mBAAmBA,MAAM;wBAClDW,gBAAcV;kCACdA,OAAOD,MAAM,mBAAmBA,MAAM;;;;YAEzCC,sBACC,KAACW;gBAAKP,WAAU;0BAAsCQ,KAAKC,SAAS,CAACf,KAAKgB,KAAK;;;SAGjFC;AACN,EAAE"}

package/dist/esm/blocks/StreamError/_style.scss

@@ -0,0 +1,34 @@
+@import '../../scss/mixin';
+
+.llm {
+  & &__stream-error {
+    .llm__text-body {
+      @include text(display6);
+    }
+
+    &__toggle {
+      @include button();
+      color: var(--llm-input-accent-foreground);
+      text-decoration: underline;
+      margin-top: rem(0.5);
+
+      &:hover {
+        text-decoration: none;
+      }
+
+      svg {
+        width: 18px;
+        height: 18px;
+      }
+    }
+
+    &__error {
+      overflow-x: auto;
+
+      &,
+      &.llm__hint {
+        margin-top: rem(2);
+      }
+    }
+  }
+}

package/dist/esm/blocks/UserMessage/user-message.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import style from './user-message.module.scss';
+export const UserMessage = (props)=>{
+    const { text } = props;
+    return /*#__PURE__*/ _jsx("div", {
+        className: "llm__row",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "llm__col --end-xs-12 --xs-10 --sm-9 --md-8 --lg-7 --xl-6",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: style.UserMessage,
+                children: /*#__PURE__*/ _jsx("h2", {
+                    className: "llm__text-body",
+                    dangerouslySetInnerHTML: {
+                        __html: text
+                    }
+                })
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=user-message.js.map