@sparrowengg/integrations-templates-frontend 1.2.4

package/dist/es/commons/icons/sms.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+
+const SMSIcon = () => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M6.00005 14.3951H4.40005C3.51605 14.3951 2.80005 13.6791 2.80005 12.7951V4.79507C2.80005 3.91107 3.51605 3.19507 4.40005 3.19507H15.6C16.484 3.19507 17.2 3.91107 17.2 4.79507V12.7951C17.2 13.6791 16.484 14.3951 15.6 14.3951H10.7L7.33205 17.3911C6.81605 17.8503 6.00005 17.4839 6.00005 16.7935V14.3951Z",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M6 6.79185H14",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M6 10.3919H11.6",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    )
+  );
+};
+
+export { SMSIcon as default };
+//# sourceMappingURL=sms.js.map

package/dist/es/commons/icons/sms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sms.js","sources":["../../../../src/commons/icons/sms.tsx"],"sourcesContent":["import React from \"react\";\n\nconst SMSIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M6.00005 14.3951H4.40005C3.51605 14.3951 2.80005 13.6791 2.80005 12.7951V4.79507C2.80005 3.91107 3.51605 3.19507 4.40005 3.19507H15.6C16.484 3.19507 17.2 3.91107 17.2 4.79507V12.7951C17.2 13.6791 16.484 14.3951 15.6 14.3951H10.7L7.33205 17.3911C6.81605 17.8503 6.00005 17.4839 6.00005 16.7935V14.3951Z\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6 6.79185H14\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6 10.3919H11.6\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default SMSIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,UAAU,MAAM;AACpB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,+SAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,eAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/trash.js

@@ -0,0 +1,67 @@
+import React__default from 'react';
+
+const Trash = () => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "18",
+      viewBox: "0 0 16 18",
+      fill: "none"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M11.7842 16.5H4.21518C3.74279 16.5 3.28781 16.3217 2.94121 16.0007C2.59461 15.6798 2.38193 15.2398 2.3457 14.7688L2.3747 4.3125H13.6247L13.6537 14.7688C13.6175 15.2398 13.4048 15.6798 13.0582 16.0007C12.7116 16.3217 12.2566 16.5 11.7842 16.5Z",
+        stroke: "#64748B",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M14.6663 4.3125H1.33301",
+        stroke: "#64748B",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M5.65625 1.5H10.3437C10.5924 1.5 10.8308 1.59877 11.0067 1.77459C11.1825 1.9504 11.2812 2.18886 11.2812 2.4375V4.3125H4.71875V2.4375C4.71875 2.18886 4.81752 1.9504 4.99334 1.77459C5.16915 1.59877 5.40761 1.5 5.65625 1.5V1.5Z",
+        stroke: "#64748B",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M9.64062 8.0625V12.75",
+        stroke: "#64748B",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M6.3584 8.0625V12.75",
+        stroke: "#64748B",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+};
+
+export { Trash as default };
+//# sourceMappingURL=trash.js.map

package/dist/es/commons/icons/trash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash.js","sources":["../../../../src/commons/icons/trash.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Trash = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"18\"\n      viewBox=\"0 0 16 18\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M11.7842 16.5H4.21518C3.74279 16.5 3.28781 16.3217 2.94121 16.0007C2.59461 15.6798 2.38193 15.2398 2.3457 14.7688L2.3747 4.3125H13.6247L13.6537 14.7688C13.6175 15.2398 13.4048 15.6798 13.0582 16.0007C12.7116 16.3217 12.2566 16.5 11.7842 16.5Z\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14.6663 4.3125H1.33301\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M5.65625 1.5H10.3437C10.5924 1.5 10.8308 1.59877 11.0067 1.77459C11.1825 1.9504 11.2812 2.18886 11.2812 2.4375V4.3125H4.71875V2.4375C4.71875 2.18886 4.81752 1.9504 4.99334 1.77459C5.16915 1.59877 5.40761 1.5 5.65625 1.5V1.5Z\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M9.64062 8.0625V12.75\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6.3584 8.0625V12.75\"\n        stroke=\"#64748B\"\n        strokeWidth=\"1.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default Trash;"],"names":["React"],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAClB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,KAAA;AAAA,oBAELA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,oPAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,yBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kOAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,sBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/whatsapp.js

@@ -0,0 +1,79 @@
+import React__default from 'react';
+
+const WhatsappIcon = () => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999",
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    )
+  );
+};
+
+export { WhatsappIcon as default };
+//# sourceMappingURL=whatsapp.js.map

package/dist/es/commons/icons/whatsapp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp.js","sources":["../../../../src/commons/icons/whatsapp.tsx"],"sourcesContent":["import React from \"react\";\n\nconst WhatsappIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default WhatsappIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,eAAe,MAAM;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,iVAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kMAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4LAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,gEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iIAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/styles/index.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\");\n* {\n  font-family: \"DM Sans\";\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=index.css.js.map

package/dist/es/commons/styles/index.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/es/contact-import/components/contact-import-configure.js

@@ -0,0 +1,68 @@
+import React__default, { useState } from 'react';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { RadioGroup, Radio } from '../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.js';
+import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { ChevronRightIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const ContactImportConfigure = ({
+  handleConfigureField,
+  listSegmentOptions,
+  contactImportField
+}) => {
+  var _a, _b;
+  const [currentConfig, setCurrentConfig] = useState("LIST");
+  const [currentList, setCurrentList] = useState(
+    (_b = (_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.listSegmentValue) != null ? _b : null
+  );
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$40", maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Import Contacts"), /* @__PURE__ */ React__default.createElement(
+    RadioGroup,
+    {
+      defaultValue: currentConfig,
+      onChange: (value) => {
+        setCurrentConfig(value);
+        setCurrentList(null);
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        css: { marginTop: "$12", "& label": { color: "$neutral800" } },
+        alignItems: "center",
+        gap: "$12"
+      },
+      /* @__PURE__ */ React__default.createElement(Radio, { size: "md", value: "LIST", css: { cursor: "pointer" } }, "Import from (List/Segment)"),
+      /* @__PURE__ */ React__default.createElement(Radio, { size: "md", value: "ALL", css: { cursor: "pointer" } }, "Import All Contacts")
+    )
+  ), currentConfig === "LIST" ? /* @__PURE__ */ React__default.createElement(
+    Select,
+    {
+      css: { marginTop: "$12" },
+      onChange: (value) => setCurrentList(value),
+      size: "lg",
+      placeholder: "Choose (List/Segment)",
+      options: listSegmentOptions,
+      value: currentList
+    }
+  ) : null, /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      css: { marginTop: "$16" },
+      disabled: !(currentList == null ? void 0 : currentList.value) && currentConfig !== "ALL",
+      size: "lg",
+      onClick: () => {
+        handleConfigureField({
+          type: currentConfig,
+          listSegmentValue: currentList
+        });
+      },
+      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null)
+    },
+    "Next, Mapping"
+  )));
+};
+
+export { ContactImportConfigure as default };
+//# sourceMappingURL=contact-import-configure.js.map

package/dist/es/contact-import/components/contact-import-configure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-import-configure.js","sources":["../../../../src/contact-import/components/contact-import-configure.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  Heading,\n  Radio,\n  RadioGroup,\n  Select\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\n\nconst ContactImportConfigure = ({\n  handleConfigureField,\n  listSegmentOptions,\n  contactImportField\n}: any) => {\n  const [currentConfig, setCurrentConfig] = useState(\"LIST\");\n  const [currentList, setCurrentList] = useState(\n    contactImportField?.configure?.listSegmentValue ?? null\n  );\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 488, width: \"100%\" }}>\n        <Heading size=\"h5\">Import Contacts</Heading>\n        <RadioGroup\n          defaultValue={currentConfig}\n          onChange={(value) => {\n            setCurrentConfig(value);\n            setCurrentList(null);\n          }}\n        >\n          <Flex\n            css={{ marginTop: \"$12\", \"& label\": { color: \"$neutral800\" } }}\n            alignItems=\"center\"\n            gap=\"$12\"\n          >\n            <Radio size=\"md\" value=\"LIST\" css={{ cursor: \"pointer\" }}>\n              Import from (List/Segment)\n            </Radio>\n            <Radio size=\"md\" value=\"ALL\" css={{ cursor: \"pointer\" }}>\n              Import All Contacts\n            </Radio>\n          </Flex>\n        </RadioGroup>\n        {currentConfig === \"LIST\" ? (\n          <Select\n            css={{ marginTop: \"$12\" }}\n            onChange={(value) => setCurrentList(value)}\n            size=\"lg\"\n            placeholder=\"Choose (List/Segment)\"\n            options={listSegmentOptions}\n            value={currentList}\n          />\n        ) : null}\n        <Button\n          css={{ marginTop: \"$16\" }}\n          disabled={!currentList?.value && currentConfig !== 'ALL'}\n          size=\"lg\"\n          onClick={() => {\n            handleConfigureField({\n              type: currentConfig,\n              listSegmentValue: currentList\n            });\n          }}\n          rightIcon={<ChevronRightIcon />}\n        >\n          Next, Mapping\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportConfigure;\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/components/contact-import-mapping.js

@@ -0,0 +1,329 @@
+import React__default, { useRef, useEffect } from 'react';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Table, Thead, Th, Tbody, Tr, Td } from '../../node_modules/@sparrowengg/twigs-react/dist/es/table/table.js';
+import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { FormLabel } from '../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
+import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
+import { DeleteIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js';
+import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { PlusIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const defaultFieldValue = {
+  integrationField: null,
+  surveySparrowField: "",
+  property: "custom"
+};
+const ContactImportMapping = ({
+  contactImportField,
+  setContactImportField,
+  integrationName,
+  contactProperties
+}) => {
+  const customPropertyRef = useRef(null);
+  const initialRenderRef = useRef(true);
+  useRef(false);
+  useEffect(() => {
+    if (initialRenderRef.current) {
+      initialRenderRef.current = false;
+    } else {
+      if (customPropertyRef == null ? void 0 : customPropertyRef.current) {
+        customPropertyRef.current.scrollIntoView({
+          behavior: "smooth",
+          block: "end"
+        });
+      }
+    }
+  }, []);
+  const customFieldHandler = (id, property, value) => {
+    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+      fields: contactImportField.fields.map((field) => {
+        if (field.id === id) {
+          return __spreadProps(__spreadValues({}, field), { [property]: value });
+        } else {
+          return __spreadValues({}, field);
+        }
+      })
+    }));
+  };
+  const updateSurveySparrowField = (value, id, manuallyMapped) => {
+    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+      fields: contactImportField == null ? void 0 : contactImportField.fields.map((field) => {
+        if (field.id === id) {
+          return __spreadValues(__spreadProps(__spreadValues({}, field), {
+            surveySparrowField: value
+          }), manuallyMapped && { mapped: manuallyMapped });
+        } else {
+          return __spreadValues({}, field);
+        }
+      })
+    }));
+  };
+  const addCustomProperty = () => {
+    var _a, _b;
+    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+      fields: [
+        ...contactImportField.fields,
+        __spreadValues({
+          id: ((_a = contactImportField.fields) == null ? void 0 : _a.length) ? contactImportField.fields[((_b = contactImportField.fields) == null ? void 0 : _b.length) - 1].id + 1 : 1
+        }, defaultFieldValue)
+      ]
+    }));
+  };
+  console.log(contactImportField);
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$40", maxWidth: 1176, width: "100%" } }, /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        paddingLeft: "$28"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Map Contact Properties"),
+    /* @__PURE__ */ React__default.createElement(Text, { css: { marginTop: "$4", color: "$neutral600" }, size: "md" }, "Review these mappings before importing. Unmapped columns will be ignored.")
+  ), /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        height: "calc(100vh - 241px)",
+        paddingTop: "$16",
+        overflowY: "auto",
+        position: "relative",
+        background: "$white900",
+        paddingLeft: "$28"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Table,
+      {
+        css: {
+          width: "100%",
+          background: "$white900",
+          borderRadius: "5px",
+          borderCollapse: "collapse"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Thead,
+        {
+          css: {
+            outline: "$borderWidths$xs solid $neutral200",
+            zIndex: 5,
+            position: "sticky",
+            top: "-31px",
+            "& th": {
+              textAlign: "left",
+              fontWeight: 700,
+              paddingBlock: "$6",
+              lineHeight: "$sm",
+              background: "$white900"
+            }
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(Th, null, `${integrationName} Profile Fields Data`),
+        /* @__PURE__ */ React__default.createElement(Th, null, "SurveySparrow Mapping")
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        Tbody,
+        {
+          css: {
+            "& tr": {
+              borderBottom: "$borderWidths$xs solid $neutral200"
+            }
+          }
+        },
+        contactImportField.fields.map((field) => {
+          var _a, _b;
+          const hasSurveyFieldValue = contactProperties.some(
+            (contact) => contact.value === field.surveySparrowField
+          );
+          return /* @__PURE__ */ React__default.createElement(
+            Tr,
+            {
+              key: field.id,
+              css: {
+                position: "relative",
+                "& td": {
+                  paddingBlock: "$8 $12",
+                  paddingInline: "$6",
+                  verticalAlign: "top"
+                }
+              }
+            },
+            /* @__PURE__ */ React__default.createElement(
+              Td,
+              {
+                css: {
+                  width: 560,
+                  "& > p": {
+                    lineHeight: "$sm",
+                    color: "$neutral600"
+                  }
+                }
+              },
+              field.property !== "custom" ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+                Text,
+                {
+                  size: "sm",
+                  css: {
+                    color: "$neutral900 !important"
+                  },
+                  weight: "medium"
+                },
+                (((_a = field == null ? void 0 : field.integrationField) == null ? void 0 : _a.charAt(0).toUpperCase()) + (field == null ? void 0 : field.integrationField.slice(1))).replace("_", " ")
+              ), (field == null ? void 0 : field.sampleData.length) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, field.sampleData.map((sample) => /* @__PURE__ */ React__default.createElement(
+                Text,
+                {
+                  size: "xs",
+                  css: {
+                    color: "$neutral600",
+                    lineHeight: "$xs !important"
+                  }
+                },
+                sample.length > 40 ? sample.slice(0, 40) + "..." : sample
+              ))) : null) : /* @__PURE__ */ React__default.createElement(Box, { css: { position: "relative" } }, /* @__PURE__ */ React__default.createElement(
+                FormInput,
+                {
+                  size: "lg",
+                  onChange: (event) => customFieldHandler(
+                    field.id,
+                    "integrationField",
+                    event.currentTarget.value
+                  )
+                }
+              ), /* @__PURE__ */ React__default.createElement(
+                FormLabel,
+                {
+                  css: { marginTop: "$4", color: "$neutral400" }
+                },
+                "Enter the exact custom property name for accurate mapping. It is case-sensitive."
+              ), field.property === "custom" ? /* @__PURE__ */ React__default.createElement(
+                IconButton,
+                {
+                  css: {
+                    position: "absolute",
+                    top: "0",
+                    left: "-70px"
+                  },
+                  size: "lg",
+                  variant: "ghost",
+                  color: "secondary",
+                  onClick: () => {
+                    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+                      fields: contactImportField == null ? void 0 : contactImportField.fields.filter((currentField) => (currentField == null ? void 0 : currentField.id) !== (field == null ? void 0 : field.id))
+                    }));
+                  },
+                  icon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
+                }
+              ) : null)
+            ),
+            /* @__PURE__ */ React__default.createElement(
+              Td,
+              {
+                css: {
+                  width: 560
+                }
+              },
+              /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+                Select,
+                {
+                  size: "lg",
+                  placeholder: "--Choose Property--",
+                  value: field.surveySparrowField ? {
+                    label: (_b = contactProperties.find(
+                      (contact) => contact.value === field.surveySparrowField
+                    )) == null ? void 0 : _b.label,
+                    value: field.surveySparrowField
+                  } : null,
+                  options: contactProperties.filter(
+                    (contact) => contact.type !== "DEPENDENT_FIELD"
+                  ),
+                  onChange: (currentField) => {
+                    updateSurveySparrowField(
+                      currentField.value,
+                      field.id,
+                      true
+                    );
+                  },
+                  css: __spreadValues({
+                    marginBottom: !hasSurveyFieldValue && !field.surveySparrowFieldError && field.property === "custom" ? "$12" : 0
+                  }, !field.surveySparrowField && field.surveySparrowFieldError && {
+                    "& .twigs-select__control, & .twigs-select__control:hover": {
+                      boxShadow: "0px 1.5px 0px 0px #f65633",
+                      borderBottom: 0
+                    }
+                  })
+                }
+              ), hasSurveyFieldValue ? /* @__PURE__ */ React__default.createElement(
+                FormLabel,
+                {
+                  css: {
+                    color: (field == null ? void 0 : field.mapped) ? "$neutral600" : "#0F966C",
+                    marginBlock: "$4 $12"
+                  },
+                  size: "xs"
+                },
+                (field == null ? void 0 : field.mapped) ? "Manually mapped by you" : "Automatically mapped"
+              ) : null, !field.surveySparrowField && field.surveySparrowFieldError && /* @__PURE__ */ React__default.createElement(
+                FormLabel,
+                {
+                  css: {
+                    color: "$negative500",
+                    marginTop: "$4"
+                  },
+                  size: "xs"
+                },
+                "Please select the property"
+              ))
+            )
+          );
+        }),
+        /* @__PURE__ */ React__default.createElement(
+          Tr,
+          {
+            css: {
+              borderBottom: "none !important",
+              "&:hover": {
+                background: "$white900"
+              }
+            }
+          },
+          /* @__PURE__ */ React__default.createElement(Td, { colSpan: 2 }, /* @__PURE__ */ React__default.createElement(
+            Button,
+            {
+              size: "md",
+              variant: "ghost",
+              leftIcon: /* @__PURE__ */ React__default.createElement(PlusIcon, null),
+              onClick: addCustomProperty
+            },
+            "Add Custom Property"
+          ))
+        )
+      )
+    )
+  )));
+};
+
+export { ContactImportMapping as default };
+//# sourceMappingURL=contact-import-mapping.js.map