tf-checkout-react 1.4.21-beta.3 → 1.4.21-beta.5

package/dist/components/orderDetailsContainer/index.d.ts

@@ -30,6 +30,12 @@ interface OrderDetailsTypes {
     itemsTitle?: string;
     ticketsTitle?: string;
 }
+export interface CustomFieldOption {
+    id: string;
+    name: string;
+    value: string;
+    order: string;
+}
 export interface CustomFieldTypes {
     description: string;
     enabled: string;
@@ -46,6 +52,7 @@ export interface CustomFieldTypes {
     type: string;
     value: string | Array<string>;
     ticketHash?: string;
+    options?: CustomFieldOption[];
 }
 export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, }: OrderDetailsTypes) => JSX.Element;
 export {};

package/dist/components/orderDetailsContainer/utils/index.d.ts

@@ -1,5 +1,5 @@
 import { CustomFieldTypes } from '../index';
-export declare const renderCustomFieldValue: (customField: CustomFieldTypes) => string;
+export declare const renderCustomFieldValue: (customField: CustomFieldTypes) => string | string[];
 export declare const isFieldUpdatable: (field: CustomFieldTypes) => boolean;
 export declare const createCustomFieldsUpdateBody: (updatedValues: Record<string, any>, notUpdatableCustomFieldsValues?: Array<CustomFieldTypes>) => {
     [x: string]: any;

package/dist/tf-checkout-react.cjs.development.js

@@ -4194,7 +4194,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     collectPaymentData();
   }, [skipPage, ticketsQuantity]);
   var collectCheckoutBody = function collectCheckoutBody(values, profileData) {
-    var _checkoutBody$attribu, _checkoutBody$attribu2, _checkoutBody$attribu3, _checkoutBody$attribu4, _checkoutBody$attribu5;
     var checkoutBody = {};
     // Auto collect ticket holders name when it was skipped optionally
     if (showDOB && !showTicketHolders && canSkipHolderNames) {
@@ -4217,20 +4216,18 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       // Delete from values list
       delete checkoutBody.attributes[key];
     });
-    // Temp solution for hardcoded data capture values, to be deleted in future
-    data_capture = _extends({}, data_capture, {
-      instagram: _get(values, 'data_capture.instagram', ''),
-      company: _get(values, 'data_capture.company', ''),
-      businessCategory: _get(values, 'data_capture.businessCategory', ''),
-      jobTitle: _get(values, 'data_capture.jobTitle', ''),
-      wallet_address: _get(values, 'data_capture.wallet_address', '')
+    // Temp solution for hardcoded data capture values, to be deleted in the future
+    var captureKeys = ['businessCategory', 'company', 'instagram', 'jobTitle', 'wallet_address'];
+    captureKeys.forEach(function (key) {
+      var _checkoutBody$attribu;
+      var path = "data_capture." + key;
+      var value = _get(values, path, '');
+      if (value !== '') {
+        data_capture[key] = value;
+      }
+      var attributeKey = "data_capture[" + key + "]";
+      (_checkoutBody$attribu = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu[attributeKey];
     });
-    // Temp solution for hardcoded data capture values, to be deleted in future
-    (_checkoutBody$attribu = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu['data_capture[businessCategory]'];
-    (_checkoutBody$attribu2 = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu2['data_capture[company]'];
-    (_checkoutBody$attribu3 = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu3['data_capture[instagram]'];
-    (_checkoutBody$attribu4 = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu4['data_capture[jobTitle]'];
-    (_checkoutBody$attribu5 = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu5['data_capture[wallet_address]'];
     // Collect data_capture for Ticket Holders Fields
     _forEach(checkoutBody.attributes.ticket_holders, function (holder, holderIndex) {
       var holderDataCapture = {};
@@ -8092,6 +8089,19 @@ var CustomFieldsForm = function CustomFieldsForm(_ref) {
   });
 };
 
+var getLabelForValue = function getLabelForValue(options, value) {
+  var getLabel = function getLabel(singleValue) {
+    var option = options.find(function (option) {
+      return option.value === singleValue;
+    });
+    return option ? option.name : '';
+  };
+  if (_isArray(value)) {
+    var labels = value.map(getLabel);
+    return labels.join(', ');
+  }
+  return getLabel(value);
+};
 var renderCustomFieldValue = function renderCustomFieldValue(customField) {
   if (customField.type === 'checkbox') {
     return customField.value ? 'Checked' : 'Unchecked';
@@ -8099,8 +8109,8 @@ var renderCustomFieldValue = function renderCustomFieldValue(customField) {
   if (_isEmpty(customField.value)) {
     return 'N/A';
   }
-  if (_isArray(customField.value)) {
-    return customField.value.join(', ');
+  if (customField.type === 'select' || customField.type === 'select_multi' || customField.type === 'radio') {
+    return getLabelForValue(customField.options, customField.value);
   }
   return customField.value;
 };
@@ -8169,7 +8179,7 @@ var TicketHolderCustomFields = function TicketHolderCustomFields(_ref) {
   }
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "holder-custom-fields"
-  }, React__default.createElement(SVG, {
+  }, !_isEmpty(allowedHolderCustomFields) && React__default.createElement(SVG, {
     src: EditSvg,
     onClick: function onClick() {
       return setShowHolderCustomFieldsSection(true);
@@ -8983,19 +8993,19 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
     setSuccessMessage = _useState2[1];
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var params, hash, isDeclined, response, _error$response, _error$response$data, _response, _error$response2, _error$response2$data;
+      var params, hash, isDeclined, response, _error$response, _error$response$data, _response, event_id, _error$response2, _error$response2$data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isWindowDefined) {
-              _context.next = 34;
+              _context.next = 35;
               break;
             }
             params = new URL("" + window.location).searchParams;
             hash = params.get('invitation_hash') || orderHash || null;
             isDeclined = params.get('decline') || false;
             if (!hash) {
-              _context.next = 33;
+              _context.next = 34;
               break;
             }
             if (!isDeclined) {
@@ -9024,25 +9034,26 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
             return processTicket(hash);
           case 22:
             _response = _context.sent;
+            event_id = _get(_response.data.data.attributes, 'event_id');
             onProcessTicketSuccess(_response.data);
-            window.location.href = "" + (billingPath != null ? billingPath : '/billing/billing-info/');
-            _context.next = 31;
+            window.location.href = (billingPath != null ? billingPath : '/billing/billing-info') + "?event_id=" + event_id;
+            _context.next = 32;
             break;
-          case 27:
-            _context.prev = 27;
+          case 28:
+            _context.prev = 28;
             _context.t1 = _context["catch"](19);
             setError(_context.t1 == null ? void 0 : (_error$response2 = _context.t1.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.message);
             onProcessTicketError(_context.t1.response);
-          case 31:
-            _context.next = 34;
+          case 32:
+            _context.next = 35;
             break;
-          case 33:
-            window.location.href = '/';
           case 34:
+            window.location.href = '/';
+          case 35:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 14], [19, 27]]);
+      }, _callee, null, [[6, 14], [19, 28]]);
     }))();
   }, []);
   return React__default.createElement("div", {