sprint-asia-custom-component 0.1.88 → 0.1.89

package/dist/index.js

@@ -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.89",
   "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/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",