sprint-asia-custom-component 0.1.88 → 0.1.90

package/dist/index.js

@@ -23834,7 +23834,7 @@
     }, title), isRequired && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-danger500 ml-1"
     }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "cursor-pointer py-1 border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center"
+      className: "cursor-pointer py-1 border border-black bg-white rounded-md w-fit flex items-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "p-2"
     }, /*#__PURE__*/React__default["default"].createElement(PiCalendarBlankDuotone, {
@@ -23848,7 +23848,7 @@
       selectsRange: true,
       utcOffset: 0,
       dateFormat: "d MMM yyyy",
-      className: "cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
+      className: "cursor-pointer bg-white text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
     })));
   };
 
@@ -48326,20 +48326,20 @@
       style: {
         height: "450px"
       }
-    }, data?.voucherBackgroundType === "color" && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "w-full h-54 pt-6 pb-4",
+    }, data?.voucherBackgroundType === "image" ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "w-full h-54 pt-6 pb-4 px-4",
       style: {
-        background: data?.voucherBackground || "black"
+        backgroundImage: `url(${data?.voucherBackground})`,
+        backgroundSize: "cover"
       }
     }, /*#__PURE__*/React__default["default"].createElement("img", {
       alt: "voucher-img",
       src: data?.voucherPhoto || img$2,
       className: "rounded-md mt-12"
-    })), data?.voucherBackgroundType === "image" && /*#__PURE__*/React__default["default"].createElement("div", {
+    })) : /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-full h-54 pt-6 pb-4 px-4",
       style: {
-        backgroundImage: `url(${data?.voucherBackground})`,
-        backgroundSize: "cover"
+        background: data?.voucherBackground || "#e5e5e5"
       }
     }, /*#__PURE__*/React__default["default"].createElement("img", {
       alt: "voucher-img",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.88",
+  "version": "0.1.90",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/customphone/index.js

@@ -134,16 +134,17 @@ const CustomPhone = ({ mode = "Empty", data }) => {
         {mode === "Voucher" && (
           <div className="h-screen">
             <div className="overflow-y-auto no-scrollbar" style={{ height: "450px" }}>
-              {data?.voucherBackgroundType === "color" && (
-                <div className="w-full h-54 pt-6 pb-4" style={{ background: data?.voucherBackground || "black" }}>
+              {data?.voucherBackgroundType === "image" ? (
+                <div
+                  className="w-full h-54 pt-6 pb-4 px-4"
+                  style={{ backgroundImage: `url(${data?.voucherBackground})`, backgroundSize: "cover" }}
+                >
                   <img alt="voucher-img" src={data?.voucherPhoto || VoucherPhoto} className="rounded-md mt-12" />
                 </div>
-              )}
-
-              {data?.voucherBackgroundType === "image" && (
+              ) : (
                 <div
                   className="w-full h-54 pt-6 pb-4 px-4"
-                  style={{ backgroundImage: `url(${data?.voucherBackground})`, backgroundSize: "cover" }}
+                  style={{ background: data?.voucherBackground || "#e5e5e5" }}
                 >
                   <img alt="voucher-img" src={data?.voucherPhoto || VoucherPhoto} className="rounded-md mt-12" />
                 </div>

package/src/components/datepicker/index.js

@@ -19,7 +19,7 @@ const CustomDatePicker = ({ startDate, onChangeStartDate, endDate, onChangeEndDa
         </div>
       )}
 
-      <div className="cursor-pointer py-1 border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center">
+      <div className="cursor-pointer py-1 border border-black bg-white rounded-md w-fit flex items-center">
         <div className="p-2">
           <PiCalendarBlankDuotone size={16} className="text-neutral300" />
         </div>
@@ -32,7 +32,7 @@ const CustomDatePicker = ({ startDate, onChangeStartDate, endDate, onChangeEndDa
           selectsRange
           utcOffset={0}
           dateFormat="d MMM yyyy"
-          className="cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
+          className="cursor-pointer bg-white text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
         />
       </div>
     </div>

package/src/templates/index.js

@@ -850,10 +850,8 @@ const Templates = () => {
             validDate: "29 December 2024",
             voucherDescription:
               "MAP Gift Voucher is the official gift voucher of PT Mitra Adiperkasa Tbk. Accepted in2 retail stores managed under MAP Group Indonesia, with a wide range of product brands. It is a perfect gift for Birthdays, Annivesaries, Valentines, Holidays, Festivals",
-            voucherBackgroundType: "image",
-            voucherBackground:
-              "https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg",
-
+            // voucherBackgroundType: "color",
+            // voucherBackground: "#000000",
             voucherTitle: "One Piece Special Edition!",
             voucherMessage: "This is One Piece special edition card",
             howToRedeem: "This is how to redeem",