sprint-asia-custom-component 0.1.103 → 0.1.105
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -23866,7 +23866,7 @@
|
|
|
23866
23866
|
}, title && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
23867
23867
|
className: "text-sm font-normal text-black mb-1"
|
|
23868
23868
|
}, title), value && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23869
|
-
className: "py-1"
|
|
23869
|
+
className: "py-1 whitespace-pre-line"
|
|
23870
23870
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
23871
23871
|
className: `
|
|
23872
23872
|
${textColor == "default" && "text-black font-semibold text-base"}
|
|
@@ -48387,28 +48387,28 @@
|
|
|
48387
48387
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48388
48388
|
className: "text-sm font-semibold"
|
|
48389
48389
|
}, data?.voucherTitle), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48390
|
-
className: "text-neutral300 mt-1",
|
|
48390
|
+
className: "text-neutral300 mt-1 whitespace-pre-line",
|
|
48391
48391
|
style: {
|
|
48392
48392
|
fontSize: "10px"
|
|
48393
48393
|
}
|
|
48394
48394
|
}, data?.voucherMessage)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48395
48395
|
className: "text-xs font-semibold"
|
|
48396
48396
|
}, "Description"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48397
|
-
className: "text-neutral300 mt-1",
|
|
48397
|
+
className: "text-neutral300 mt-1 whitespace-pre-line",
|
|
48398
48398
|
style: {
|
|
48399
48399
|
fontSize: "10px"
|
|
48400
48400
|
}
|
|
48401
48401
|
}, data?.voucherDescription)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48402
48402
|
className: "text-xs font-semibold"
|
|
48403
48403
|
}, "How to redeem"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48404
|
-
className: "text-neutral300 mt-1",
|
|
48404
|
+
className: "text-neutral300 mt-1 whitespace-pre-line",
|
|
48405
48405
|
style: {
|
|
48406
48406
|
fontSize: "10px"
|
|
48407
48407
|
}
|
|
48408
48408
|
}, data?.howToRedeem)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48409
48409
|
className: "text-xs font-semibold"
|
|
48410
48410
|
}, "Terms & conditions"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
48411
|
-
className: "text-neutral300 mt-1",
|
|
48411
|
+
className: "text-neutral300 mt-1 whitespace-pre-line",
|
|
48412
48412
|
style: {
|
|
48413
48413
|
fontSize: "10px"
|
|
48414
48414
|
}
|
package/package.json
CHANGED
|
@@ -106,7 +106,14 @@ const CustomPhone = ({ mode = "Empty", data }) => {
|
|
|
106
106
|
<div className="bg-white py-1 px-2 rounded-md w-32 drop-shadow-2xl">
|
|
107
107
|
<div className="flex">
|
|
108
108
|
<p style={{ fontSize: "8px", wordBreak: "break-word" }} className="text-neutral5">
|
|
109
|
-
{data === "" ?
|
|
109
|
+
{data === "" ? (
|
|
110
|
+
"-"
|
|
111
|
+
) : (
|
|
112
|
+
<>
|
|
113
|
+
<span>{data}</span>
|
|
114
|
+
<span className="ml-1 text-primary500">https://prezent.id/redeem/NXcralJZffsjksdDVds9</span>
|
|
115
|
+
</>
|
|
116
|
+
)}
|
|
110
117
|
</p>
|
|
111
118
|
</div>
|
|
112
119
|
<div className="flex justify-end">
|
|
@@ -175,28 +182,28 @@ const CustomPhone = ({ mode = "Empty", data }) => {
|
|
|
175
182
|
<div className="bg-neutral20 p-3 pb-8 flex flex-col gap-4">
|
|
176
183
|
<div>
|
|
177
184
|
<p className="text-sm font-semibold">{data?.voucherTitle}</p>
|
|
178
|
-
<p className="text-neutral300 mt-1" style={{ fontSize: "10px" }}>
|
|
185
|
+
<p className="text-neutral300 mt-1 whitespace-pre-line" style={{ fontSize: "10px" }}>
|
|
179
186
|
{data?.voucherMessage}
|
|
180
187
|
</p>
|
|
181
188
|
</div>
|
|
182
189
|
|
|
183
190
|
<div>
|
|
184
191
|
<p className="text-xs font-semibold">Description</p>
|
|
185
|
-
<p className="text-neutral300 mt-1" style={{ fontSize: "10px" }}>
|
|
192
|
+
<p className="text-neutral300 mt-1 whitespace-pre-line" style={{ fontSize: "10px" }}>
|
|
186
193
|
{data?.voucherDescription}
|
|
187
194
|
</p>
|
|
188
195
|
</div>
|
|
189
196
|
|
|
190
197
|
<div>
|
|
191
198
|
<p className="text-xs font-semibold">How to redeem</p>
|
|
192
|
-
<p className="text-neutral300 mt-1" style={{ fontSize: "10px" }}>
|
|
199
|
+
<p className="text-neutral300 mt-1 whitespace-pre-line" style={{ fontSize: "10px" }}>
|
|
193
200
|
{data?.howToRedeem}
|
|
194
201
|
</p>
|
|
195
202
|
</div>
|
|
196
203
|
|
|
197
204
|
<div>
|
|
198
205
|
<p className="text-xs font-semibold">Terms & conditions</p>
|
|
199
|
-
<p className="text-neutral300 mt-1" style={{ fontSize: "10px" }}>
|
|
206
|
+
<p className="text-neutral300 mt-1 whitespace-pre-line" style={{ fontSize: "10px" }}>
|
|
200
207
|
{data?.terms}
|
|
201
208
|
</p>
|
|
202
209
|
</div>
|
|
@@ -254,8 +261,17 @@ const CustomPhone = ({ mode = "Empty", data }) => {
|
|
|
254
261
|
</div>
|
|
255
262
|
</div>
|
|
256
263
|
<div className="w-full bg-white px-2">
|
|
257
|
-
<div className="p-4" style={{ fontSize: "8px", wordBreak:"break-word", whiteSpace: "pre-line" }}>
|
|
258
|
-
<p>
|
|
264
|
+
<div className="p-4" style={{ fontSize: "8px", wordBreak: "break-word", whiteSpace: "pre-line" }}>
|
|
265
|
+
<p>
|
|
266
|
+
{data === "" ? (
|
|
267
|
+
"-"
|
|
268
|
+
) : (
|
|
269
|
+
<>
|
|
270
|
+
<span>{data}</span>
|
|
271
|
+
<span className="ml-1 text-primary500">https://prezent.id/redeem/NXcralJZffsjksdDVds9</span>
|
|
272
|
+
</>
|
|
273
|
+
)}
|
|
274
|
+
</p>
|
|
259
275
|
</div>
|
|
260
276
|
</div>
|
|
261
277
|
<div className="w-full bg-white absolute bottom-0 p-2 rounded-md-lb rounded-b-xl">
|
|
@@ -298,8 +314,20 @@ const CustomPhone = ({ mode = "Empty", data }) => {
|
|
|
298
314
|
<IoIosArrowBack className="w-5 h-5 text-neutral20 mt-2" />
|
|
299
315
|
</div>
|
|
300
316
|
<div className="w-full bg-white px-2 py-4">
|
|
301
|
-
<div
|
|
302
|
-
|
|
317
|
+
<div
|
|
318
|
+
className="w-40 bg-neutral30 rounded-lg p-2"
|
|
319
|
+
style={{ fontSize: "8px", wordBreak: "break-word", whiteSpace: "pre-line" }}
|
|
320
|
+
>
|
|
321
|
+
<p>
|
|
322
|
+
{data === "" ? (
|
|
323
|
+
"-"
|
|
324
|
+
) : (
|
|
325
|
+
<>
|
|
326
|
+
<span>{data}</span>
|
|
327
|
+
<span className="ml-1 text-primary500">https://prezent.id/redeem/NXcralJZffsjksdDVds9</span>
|
|
328
|
+
</>
|
|
329
|
+
)}
|
|
330
|
+
</p>
|
|
303
331
|
</div>
|
|
304
332
|
</div>
|
|
305
333
|
<div className="w-full bg-white absolute bottom-0 p-2 rounded-md-lb rounded-b-xl">
|
|
@@ -5,7 +5,7 @@ const Description = ({ title, value, textColor = "default", subtitle, linkSubtit
|
|
|
5
5
|
<div className="w-full">
|
|
6
6
|
{title && <p className="text-sm font-normal text-black mb-1">{title}</p>}
|
|
7
7
|
{value && (
|
|
8
|
-
<div className="py-1">
|
|
8
|
+
<div className="py-1 whitespace-pre-line">
|
|
9
9
|
<p
|
|
10
10
|
className={`
|
|
11
11
|
${textColor == "default" && "text-black font-semibold text-base"}
|
package/src/templates/index.js
CHANGED
|
@@ -857,7 +857,7 @@ const Templates = () => {
|
|
|
857
857
|
// voucherBackgroundType: "color",
|
|
858
858
|
// voucherBackground: "#000000",
|
|
859
859
|
voucherTitle: "One Piece Special Edition!",
|
|
860
|
-
voucherMessage: "This is One Piece special edition
|
|
860
|
+
voucherMessage: "This is One Piece special edition \ncard",
|
|
861
861
|
howToRedeem: "This is how to redeem",
|
|
862
862
|
terms: "This is terms and conditions",
|
|
863
863
|
}}
|
|
@@ -1072,8 +1072,8 @@ const Templates = () => {
|
|
|
1072
1072
|
<p className="text-black font-bold text-2xl text-center py-2">Description</p>
|
|
1073
1073
|
<Description
|
|
1074
1074
|
title="Sample Title"
|
|
1075
|
-
|
|
1076
|
-
image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
|
|
1075
|
+
value={"This is a sample description.\n HHEHEEH \n LOh"}
|
|
1076
|
+
// image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
|
|
1077
1077
|
/>
|
|
1078
1078
|
|
|
1079
1079
|
<div className="m-9"></div>
|