<commit_before><% if (ob.validShippingOptions.length) { %>
  <div class="flexColRows boxList border borderStacked clrP clrBr">
    <% ob.validShippingOptions.forEach((option, i) => {
      option.services.forEach((service, j) => {
      const selected = ob.selectedOption && ob.selectedOption.name === option.name && ob.selectedOption.service === service.name;
      const optionId = `${option.name}-${service.name}`;
    %>
        <div>
          <div class="btnRadio width100">
            <input type="radio"
                   class="js-shippingOption"
                   id="<%= optionId %>"
                   <% if (ob.selectedOption && selected || i===0 && j === 0) print('checked') %>
                   data-name="<%= option.name %>"
                   data-service="<%= service.name%>"
                   name="shippingOption">
            <label for="<%= optionId %>" class="flex gutterH pad">
              <div>
                <div class="tx5 rowSm txB"><%= option.name %>: <%= service.name %></div>
                <div class="tx5b clrT2 txUnb">
                  <% const price = ob.currencyMod.convertAndFormatCurrency(service.price, ob.metadata.pricingCurrency, ob.displayCurrency) %>
                  <% if (service.estimatedDelivery) print(ob.polyT('purchase.serviceDetails', { price, delivery: service.estimatedDelivery })) %>
                </div>
              </div>
            </label>
          </div>
        </div>
      <% }); %>
     <% }); %><commit_msg>Make sure option ID is valid and unique<commit_after><% if (ob.validShippingOptions.length) { %>
  <div class="flexColRows boxList border borderStacked clrP clrBr">
    <% ob.validShippingOptions.forEach((option, i) => {
      option.services.forEach((service, j) => {
      const selected = ob.selectedOption && ob.selectedOption.name === option.name && ob.selectedOption.service === service.name;
      const optionId = `option${i}${j}`;
    %>
        <div>
          <div class="btnRadio width100">
            <input type="radio"
                   class="js-shippingOption"
                   id="<%= optionId %>"
                   <% if (ob.selectedOption && selected || i===0 && j === 0) print('checked') %>
                   data-name="<%= option.name %>"
                   data-service="<%= service.name%>"
                   name="shippingOption">
            <label for="<%= optionId %>" class="flex gutterH pad">
              <div>
                <div class="tx5 rowSm txB"><%= option.name %>: <%= service.name %></div>
                <div class="tx5b clrT2 txUnb">
                  <% const price = ob.currencyMod.convertAndFormatCurrency(service.price, ob.metadata.pricingCurrency, ob.displayCurrency) %>
                  <% if (service.estimatedDelivery) print(ob.polyT('purchase.serviceDetails', { price, delivery: service.estimatedDelivery })) %>
                </div>
              </div>
            </label>
          </div>
        </div>
      <% }); %>
     <% }); %>
{'fraction_non_alphanumeric': 0.1642140468227425, 'fraction_numerical': 0.005351170568561873, 'mean_word_length': 2.0181634712411705, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 61, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5966', 'n_tokens_mistral': 889, 'n_tokens_neox': 832, 'n_words': 165}