{"version":3,"file":"js/8dff270ee4bc76182588.chunk.js","mappings":"oHACA,IAAIA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAEX,QAAeA,C","sources":["webpack:///./legacy/views/contacts/payments.html"],"sourcesContent":["// Module\nvar code = \"<div class=\\\"container\\\">\\n  <!--ko if: !isNetworkExperimentFlagLoaded() -->\\n  <div class=\\\"text-center\\\">\\n    <div class=\\\"h-du-20\\\"></div>\\n    <div class=\\\"h-du-20\\\"></div>\\n    <i class=\\\"fa fa-refresh fa-spin-2 loading-indicator\\\"></i>\\n  </div>\\n  <!--/ko-->\\n  <!--ko if: isNetworkExperimentFlagLoaded() -->\\n  <!--ko if: isNetworkImprovementEnabled() === true -->\\n  <div class=\\\"plooto-content plooto-content-front pt-sm-du-1 p-md-du-2\\\">\\n    <div data-bind=\\\"react: react.PaymentsLog, props: { emailKey: emailKey() }\\\"></div>\\n  </div>\\n  <!--/ko-->\\n  <!--ko if: isNetworkImprovementEnabled() === false -->\\n  <div class=\\\"plooto-content plooto-content-front pt-sm-du-1 p-md-du-2\\\">\\n    <!--ko if: isNetworkExperimentEnabled() === true -->\\n    <div data-bind=\\\"react: react.fragments.FreeTrialSignupBanner, props:{}\\\"></div>\\n    <!--/ko-->\\n    <div data-bind=\\\"css: {'col-lg-8': isNetworkExperimentEnabled(), 'col-lg-6': !isNetworkExperimentEnabled()}\\\" class=\\\"content-focus p-du-0\\\">\\n      <div class=\\\"p-lg-du-4 p-du-2\\\">\\n        <div class=\\\"row mb-du-2\\\">\\n          <div class=\\\"col-md-8\\\">\\n            <h1 class=\\\"mt-du-0 mb-du-1 lh-du-3\\\" data-bind=\\\"text:debitCompanyName()?'Payments received from '+debitCompanyName():'Payments received'\\\"></h1>\\n            <p>\\n              Hi <span data-bind=\\\"text:creditContactName\\\"></span>, your completed and upcoming\\n              transactions are listed below.\\n            </p>\\n          </div>\\n        </div>\\n\\n        <div class=\\\"clearfix\\\">\\n          <!-- ko if: isNetworkExperimentEnabled() -->\\n          <div class=\\\"pull-left hidden-sm\\\">\\n            <div data-bind=\\\"react: react.fragments.SyncButtonWithModalContainer, props:{\\n                isMobile: false,\\n              }\\\"></div>\\n          </div>\\n          <!--/ko-->\\n          <!-- ko if: isNetworkExperimentEnabled() -->\\n          <div class=\\\"pull-left hidden-md hidden-lg\\\">\\n            <div data-bind=\\\"react: react.fragments.SyncButtonWithModalContainer, props:{\\n                isMobile: true,\\n              }\\\"></div>\\n          </div>\\n          <!--/ko-->\\n          <div class=\\\"pull-right\\\">\\n            <span class=\\\"hidden-sm\\\">View:</span>\\n            <div class=\\\"select-container d-inline-flex\\\">\\n              <select class=\\\"form-control\\\" data-bind=\\\"options:TimePeriods, optionsText:'name', optionsValue:'value', value:timePeriod\\\"></select>\\n            </div>\\n          </div>\\n        </div>\\n\\n        <div class=\\\"overflow-auto\\\">\\n          <table class=\\\"table truncated\\\">\\n            <thead>\\n              <tr>\\n                <th width=\\\"210\\\" style=\\\"vertical-align: middle\\\">Memo</th>\\n                <th width=\\\"145\\\" class=\\\"text-center\\\" style=\\\"vertical-align: middle\\\">Status</th>\\n                <th width=\\\"100\\\" class=\\\"text-center nowrap\\\" style=\\\"vertical-align: middle\\\">\\n                  Credit Date\\n                </th>\\n                <th width=\\\"100\\\" class=\\\"text-center nowrap\\\">Est. Availability</th>\\n                <th width=\\\"145\\\" class=\\\"text-right\\\" style=\\\"vertical-align: middle\\\">Amount</th>\\n                <!--ko if: hasAnyAttachments()-->\\n                <th width=\\\"40\\\">&nbsp;</th>\\n                <!--/ko-->\\n              </tr>\\n            </thead>\\n\\n            <tbody data-bind=\\\"if:(status()=='loading')\\\">\\n              <tr>\\n                <td colspan=\\\"5\\\" class=\\\"text-center\\\">\\n                  <i class=\\\"fa fa-refresh fa-spin-2 loading-indicator\\\"></i>\\n                </td>\\n              </tr>\\n            </tbody>\\n            <!-- ko if:(status()=='loaded') -->\\n            <tbody data-bind=\\\"foreach: {data:payments.payments,as:'payment'}\\\">\\n              <tr>\\n                <td class=\\\"truncated\\\">\\n                  <!--ko if: payment.memo-->\\n                  <span data-bind=\\\"text:payment.memo,attr:{title:payment.memo}\\\"></span>\\n                  <!--/ko-->\\n                  <!--ko ifnot: payment.memo-->\\n                  <em style=\\\"color: #aaa\\\">None Specified</em>\\n                  <!--/ko-->\\n                </td>\\n                <td class=\\\"text-center nowrap\\\">\\n                  <div class=\\\"\\\" data-bind=\\\"tooltip:$root.statusDescription(payment),tooltipHtml:true,attr:{'class':('transaction_status payment_status_'+$root.styleStatus(payment))}\\\">\\n                    <span></span>\\n                    <span></span>\\n                    <span></span>\\n                    <span></span>\\n                    <span></span>\\n                    <div class=\\\"title\\\" data-bind=\\\"html:$root.displayStatus(payment)\\\">Pending</div>\\n                  </div>\\n                </td>\\n\\n                <td class=\\\"text-center nowrap\\\">\\n                  <!--ko if: payment.creditDate-->\\n                  <span data-bind=\\\"formatServerDate:payment.creditDate,format:'DisplayDateFormat.ShortDate'\\\"></span>\\n                  <!--/ko-->\\n                  <!--ko ifnot: payment.creditDate-->\\n                  <em class=\\\"text-grey-3\\\">&nbsp;</em>\\n                  <!--/ko-->\\n                </td>\\n\\n                <td class=\\\"text-center nowrap\\\">\\n                  <!--ko if: payment.estimatedCompletionDate-->\\n                  <span data-bind=\\\"formatServerDate:payment.estimatedCompletionDate,format:'DisplayDateFormat.ShortDate'\\\"></span>\\n                  <!--/ko-->\\n                  <!--ko ifnot: payment.estimatedCompletionDate-->\\n                  <em class=\\\"text-grey-3\\\">&nbsp;</em>\\n                  <!--/ko-->\\n                </td>\\n                <td class=\\\"text-right nowrap\\\">\\n                  <span data-bind=\\\"currency:[payment.amount,payment.currency]\\\"></span>\\n                </td>\\n                <!--ko if: $parent.hasAnyAttachments()-->\\n                <td data-bind=\\\"react: $root.react.FileAttachments, props: {\\n                    hasAttachments: payment.hasAttachments,\\n                    callbacks: $root.getAttachmentCallbacks(payment),\\n                    allowFileUpload: false\\n                  }\\\"></td>\\n                <!--/ko-->\\n              </tr>\\n            </tbody>\\n            <tfoot data-bind=\\\"if:payments.payments.length==0\\\">\\n              <tr>\\n                <td colspan=\\\"5\\\" class=\\\"text-center no-results\\\">No Payments for this date range</td>\\n              </tr>\\n            </tfoot>\\n            <!-- /ko -->\\n          </table>\\n        </div>\\n        <!--ko compose: {\\n              view:'components/user/tables/paginationDisplay.html',\\n              model:'components/user/tables/paginationDisplay',\\n              activationData: {\\n                pagination: pagination\\n              }\\n              }-->\\n        <!--/ko-->\\n      </div>\\n    </div>\\n\\n    <!--ko if: shouldRenderLegacyUi() -->\\n    <div class=\\\"col-lg-2 content-help mt-md-du-2 mt-sm-du-2 p-du-0 pl-lg-du-2\\\">\\n      <div class=\\\"content-focus p-lg-du-4 p-du-2\\\">\\n        <div class=\\\"help-point\\\">\\n          <h3 class=\\\"m-du-0 mb-du-2\\\" style=\\\"font-size: 24px\\\">Simplify your A/P & A/R processes</h3>\\n          <p class=\\\"my-du-2\\\">\\n            Send or collect electronic business payments with automated workflows and payment status\\n            tracking.\\n          </p>\\n          <img src=\\\"https://www.plootostatic.co/Content/img/hub/quick_payless_payments.jpg\\\" class=\\\"img-responsive center-block my-du-2\\\" style=\\\"max-height: 150px\\\">\\n          <button type=\\\"submit\\\" class=\\\"btn btn-primary btn-block d-block px-du-2 py-du-1 mt-du-2 mb-du-0\\\" data-bind=\\\"click:NavigateSignUp\\\">\\n            <span>Sign Up for FREE</span>\\n            <span class=\\\"busy\\\"></span>\\n          </button>\\n        </div>\\n      </div>\\n    </div>\\n    <!--/ko-->\\n  </div>\\n  <!--/ko-->\\n  <!--/ko-->\\n</div>\\n\";\n// Exports\nexport default code;"],"names":["code"],"sourceRoot":""}