sprint-asia-custom-component 0.1.104 → 0.1.106
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
|
@@ -44250,7 +44250,7 @@
|
|
|
44250
44250
|
as: React.Fragment
|
|
44251
44251
|
}, /*#__PURE__*/React__default["default"].createElement(_t, {
|
|
44252
44252
|
as: "div",
|
|
44253
|
-
className: "fixed inset-0 overflow-y-auto z-
|
|
44253
|
+
className: "fixed inset-0 overflow-y-auto z-50",
|
|
44254
44254
|
initialFocus: cancelButtonRef,
|
|
44255
44255
|
onClose: () => isOpen,
|
|
44256
44256
|
static: false
|
|
@@ -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">
|
|
@@ -50,7 +50,7 @@ const ModalState = ({
|
|
|
50
50
|
|
|
51
51
|
return (
|
|
52
52
|
<Transition.Root show={isOpen} as={Fragment}>
|
|
53
|
-
<Dialog as="div" className="fixed inset-0 overflow-y-auto z-
|
|
53
|
+
<Dialog as="div" className="fixed inset-0 overflow-y-auto z-50" initialFocus={cancelButtonRef} onClose={() => isOpen} static={false}>
|
|
54
54
|
<Transition.Child
|
|
55
55
|
as={Fragment}
|
|
56
56
|
enter="ease-out duration-300"
|
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
|
}}
|